What fresh hell is THIS now? - Patrick Lauke
:)
[karlgroves] >I'm a freelancer, clients don't give a shit about holidays ;)
FTFY
Another great initiative from Knowbility, this global event matches
developers who are still honing their accessibility craft with non-profits
that need new accessible web sites. There is training and mentorship
available to the teams that do the actual development work, and then a
"judging" and "awards" at the end (for fun and bragging rights mostly) -
everyone who is involved is a winner in some fashion or other! :-)
[elisa] I have a question related to alt text and images.
I work on a product that houses things like portals for student organizations, as well as a place for them to advertise events. We are getting into deeper conversations about accessibility and the main question now is about providing alt text for things that are currently being used as background photos.
I'm curious about how to go about having a conversation with a product owner about what sort of images need descriptive alt text and what could be left blank (I am left to believe this is a thing.. if it's not, please let me know!).
There are currently photos set as "background-images" for the "portal" type pages and event pages. These images are set by the user, but the image doesn't necessarily provide additional context to the page, it's purely a visual element. I am torn as to what should happen in this case?
<img> tags
<img> elements
aria-controls
relationship between the button and the menu?
aria-controls
, too. random guess and i could be totally wrong: aria-controls
is probably most useful when the two related elements aren’t right next to each other in the DOM. when you’re on a menu-button, there’s an assumption that the next thing you get to with your keyboard is its related menu.
aria-controls
i see in this doc are all elements that aren’t necessarily next to each other: https://www.w3.org/TR/wai-aria/states_and_properties#aria-controls
aria-controls
with accordions?
javascript:document.querySelectorAll('[tabindex]:not([tabindex="0"]):not([tabindex="-1"])').forEach(function(node){node.removeAttribute('tabindex');});
[].slice.call(document.querySelectorAll('[tabindex]:not([tabindex="0"]):not([tabindex="-1"])')).forEach(function(node){node.removeAttribute('tabindex');});
javascript:…
for a bookmarklet
javascript:!function(){var e={};[].slice.call(document.body.querySelectorAll("*")).forEach(function(t){t.tagName in e||(e[t.tagName]=0===document.createElement(t.tagName).tabIndex),e[t.tagName]&&t.tabIndex>0&&t.removeAttribute("tabindex")})}();