A Pen by Secret Sam on CodePen.
example 1 single label wraps primary label text and auxiliary label text results | |
in accessible name for the control being the a concatenation of the primary and auxiliary label text. | |
conforming: | |
<label>name <input type"text"> last name only please</label> | |
example 2 primary label = accessible name, auxiliary label = accessible description | |
conforming: | |
<p><label>name <input type"text" aria-describedby="instructions"></label></p> |
<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet | |
" data-feedback-key="stream_status_374123416800206848" data-tweet-id="374123416800206848" data-item-id="374123416800206848" data-screen-name="dboudreau" data-name="Denis Boudreau " data-user-id="10096552" data-is-reply-to="true" data-has-parent-tweet="true" data-expanded-footer="<div class="js-tweet-details-fixer tweet-details-fixer"> | |
<div class="js-tweet-media-container "></div><div class="entities-media-container " style="min-height:0px"></div> | |
<div class="js-machine-translated-tweet-container"></div> | |
<div class="js-tweet-stats-container tweet-stats-container "> | |
</div><div class="client-and-actions"> | |
<span class="metadata"> | |
<span title="11:55 AM - 1 Sep 13">11:55 AM - 1 Sep 13</span> | |
&middot; <a class="permalink-lin |
<svg height="50" width="500" role="img" aria-labelledby="alt"> | |
<switch> | |
<g systemLanguage="en-UK"> | |
<text y="20" x="10">UK English</text> | |
</g> | |
<g systemLanguage="en"> | |
<text y="20" x="10">English</text> | |
</g> | |
<title id="alt">alt text</title> | |
</switch> |
I spend a fair amount of time contributing to Mozilla and other browser vendors and (hopefully) improving HTML accessibility implementations in browsers by filing bugs, working on the HTML spec at the W3C, discussing issues with browser acc engineers etc. As part of this work I recently developed tests and tested the interoperability of HTML5 accessibility implementation requirements in all of the major browsers (Firefox, Chrome, IE and Safari). This was a time consuming and arduous task i undertook in my own time, because I want accessibility implementations to work in browsers. It is with regret that I read the decision makers at Mozilla see the work myself and many others do at the W3C as having little value to Mozilla.
NOTE: I have not said #Mozilla don't care about accessibility, but questioned the simplistic narrative of HTML at the W3C = ALL BAD and HTML
He's just a stereotype | |
He drinks his age in pints | |
He has girls every night | |
He doesn't really exist | |
He spends his weekends with [Incomprehensible] floats | |
He forgets the punchline when he tells a joke | |
He wants to stay out, he don't want to go home | |
Till his big hurting fingers are stuck down his throat |
This is not a love song | |
Happy to have not to have not | |
Big business is very wise | |
I'm crossing over into enterprise | |
This is not a love song | |
This is not a love song | |
This is not a love song |
Hey man, what's your style | |
How you get your kicks for living | |
Hey man, what's your style | |
How you get your adrenalin flowing now | |
How you get your adrenalin flowing | |
Hey man, what's your style | |
I love the way, try to call now | |
Hey man, what's your style |
I could be wrong, I could be right | |
I could be wrong | |
I could be wrong, I could be right | |
I could be black, I could be white | |
I could be right, I could be wrong | |
I could be white, I could be black |