You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/index.html
+19-10Lines changed: 19 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -182,6 +182,13 @@ <h3>Unordered List</h3>
182
182
<li>Blackberry</li>
183
183
<li>Blackcurrant</li>
184
184
</ul>
185
+
186
+
<ul>
187
+
<li>
188
+
<small>Note: VoiceOver will not <arel="external noopener" href="https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/">announce unordered lists properly when either the list-style-type is set to none or display is set to inline</a>.</small>
189
+
</li>
190
+
</ul>
191
+
185
192
<h3>Ordered List</h3>
186
193
<ol>
187
194
<li>Alabama</li>
@@ -435,18 +442,20 @@ <h2 id="subsection__inline-svg">Inline SVG</h2><!-- Start of #subsection__inline
435
442
<figcaption>
436
443
<arel="external noopener" href="https://thenounproject.com/search/?q=crab&i=583446">Crab by Hea Poh Lin</a> from the Noun Project
437
444
</figcaption>
438
-
439
-
<ul>
440
-
<li>
441
-
<small>Note: Be sure to provide values for the <code>height</code> and <code>width</code> attributes so <abbr>SVGs</abbr> won't expand to fill the page if styles don't load.</small>
442
-
</li>
443
-
<li>
444
-
<small>Note: Different implementations of <abbr>SVG</abbr> have <arel="external noopener" href="https://css-tricks.com/accessible-svgs/">different approaches for being made accessible</a>.</small>
445
-
</li>
446
-
</ul>
447
-
448
445
</figure><!-- End of #subsection__inline-svg -->
449
446
447
+
<ul>
448
+
<li>
449
+
<small>Note: Be sure to provide values for the <code>height</code> and <code>width</code> attributes so <abbr>SVGs</abbr> won't expand to fill the page if styles don't load.</small>
450
+
</li>
451
+
<li>
452
+
<small>Note: Different implementations of <abbr>SVG</abbr> have <arel="external noopener" href="https://css-tricks.com/accessible-svgs/">different approaches for being made accessible</a>.</small>
453
+
</li>
454
+
<li>
455
+
<small>Note: Apply <code>focusable=”false”</code> to any <abbr>SVG</abbr> placed inside of <arel="external noopener" href="http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-5">a focusable element such as a link or button</a>.</small>
456
+
</li>
457
+
</ul>
458
+
450
459
<h2id="subsection__picture">Picture</h2><!-- Start of #subsection__picture -->
0 commit comments