Skip to content

Commit 1649d10

Browse files
committed
1 parent e453d32 commit 1649d10

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

partials/section.text-level.hbs

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -204,17 +204,22 @@ drwxr-xr-x 9 eric staff 306 Mar 24 13:36 .git/
204204
<div id="subsection-emoji" aria-labelledby="subtitle-emoji">
205205
<h3 id="subtitle-emoji">Emoji</h3>
206206
<ul>
207-
<li>🍑</li>
208207
<li>😺</li>
209208
<li>🎩</li>
210209
<li>⛄️</li>
211210
<li>🍺</li>
211+
<li><span role="img" aria-label="A butt.">🍑</span></li>
212212
</ul>
213213

214214
<h4 id="notes-emoji">Notes:</h4>
215-
<p>
216-
<small>Certain screen readers will not <a rel="external noopener" href="http://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/">read certain symbols out loud</a>. Use <code translate="no">role="definition"</code> in conjunction with <code translate="no">aria-label</code> to ensure the symbol is read. Use this technique with caution and discretion, as it will affect how the symbol is rendered by things like Braille readers.</small>
217-
</p>
215+
<ul>
216+
<li>
217+
<small>Certain screen readers will not <a rel="external noopener" href="http://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/">read certain symbols out loud</a>. Use <code translate="no">role="definition"</code> in conjunction with <code translate="no">aria-label</code> to ensure the symbol is read. Use this technique with caution and discretion, as it will affect how the symbol is rendered by things like Braille readers.</small>
218+
</li>
219+
<li>
220+
<small>Use <code translate="no">role="img"</code> in conjunction with <code translate="no">aria-label</code> to <a rel="external noopener" href="https://tink.uk/accessible-emoji/">expose an emoji as an image in the accessibility tree</a>, with the label providing author intent.</small>
221+
</li>
222+
</ul>
218223
</div>
219224
<!-- End of #subsection-emoji -->
220225
</section>

0 commit comments

Comments
 (0)