Stylelint Plugin A11y

a11y/no-display-none

Note

Unexpected using ”{ display: none; }” in .footer-info-list (a11y/no-display-none)

Add:

.some-item {
    // display: none;
    position: absolute;
    margin-bottom: 28px;
    visibility: hidden;

    &.is-active {
        position: static;
        visibility: visible;
    }
}

2

2

Add:

position: absolute;
visibility: hidden;

&.is-active {
    position: static;
    visibility: visible;
}

3

3

Add:

@media (prefers-reduced-motion: no-preference) {
    -webkit-transition: $anchor-transition;
    transition: $anchor-transition;
}

4

4

Add:

line-height: 24px; // This
line-height: 1.6; // or this

5

5

Add:

,&: focus;

6

6

Add:

.form-option: focus;

7

7

Add:

8

8

Add: