@@ -104,33 +104,22 @@ svg {
104104}
105105```
106106
107- ##### Outlines are redundant on hovered links
108-
109- ``` css
110- :hover {
111- outline-width : 0 ;
112- }
113- ```
114-
115107##### Tables should not include additional border spacing
116108
117109``` css
118110table {
119111 border-collapse : collapse ;
120- border-spacing : 0 ;
121112}
122113```
123114
124- ##### Form controls should be fully style-able
115+ ##### Form controls should be easily style-able
125116
126117``` css
127118button , input , select , textarea {
128119 background-color : transparent ;
129- border-style : none ;
130120 color : inherit ;
131- font-size : 1 em ;
121+ font-size : inherit ;
132122 line-height : inherit ;
133- margin : 0 ;
134123}
135124```
136125
@@ -142,6 +131,15 @@ textarea {
142131}
143132```
144133
134+ ##### Single taps should be dispatched immediately on clickable elements
135+
136+ ``` css
137+ a , area , button , input , label , select , summary , textarea , [tabindex ] {
138+ -ms-touch-action : manipulation ;
139+ touch-action : manipulation ;
140+ }
141+ ```
142+
145143##### ARIA roles should include visual cursor hints
146144
147145``` css
@@ -158,25 +156,16 @@ textarea {
158156}
159157```
160158
161- ##### Single taps should be dispatched immediately on clickable elements
162-
163- ``` css
164- a , area , button , input , label , select , textarea , [tabindex ] {
165- -ms-touch-action : manipulation ; /* 1 */
166- touch-action : manipulation ;
167- }
168- ```
169-
170159##### Visually hidden content should remain accessible
171160
172161``` css
173- [hidden ][ aria-hidden = " false" ] {
162+ [aria-hidden = " false" ][ hidden ] {
174163 clip : rect (0 , 0 , 0 , 0 );
175164 display : inherit ;
176165 position : absolute ;
177166}
178167
179- [hidden ][ aria-hidden = " false" ]:focus {
168+ [aria-hidden = " false" ]:focus [ hidden ] {
180169 clip : auto ;
181170}
182171```
0 commit comments