Search
Items tagged with: webDev
I wrote an article about how to make hastags accessible. Did some #ScreenReader testing with #JAWS, #NVDA, #VoiceOver and #Narrator, which was fun!
Pretty long one though, contains a bunch of tables for comparison. Enjoy the ride!
stevefrenzel.dev/posts/easy-we…
#accessibility #a11y #html #JavaScript #WebDev #frontend
Easy web accessibility wins: Hashtags
Is there a way to create hashtags that work for everyone? I did some screen reader testing and was surprised by the outcome!Steve Frenzel
nginx (by F5) forked as freenginx by long time core developer Maxim Dounin 👀
freenginx.org/pipermail/nginx/…
phoronix.com/news/Nginx-Forked…
#freenginx #nginx #webdev #selfhosting #opensource
Core NGINX Developer Forks Web Server Into Freenginx
Maxim Dounin as one of the longtime core developers of the Nginx web server announced the creation today of a new fork of the project called Freenginx.www.phoronix.com
🤡 The wrong way to use aria-roledescription to call out someone as a fascist:
html5accessibility.com/stuff/2…
#a11y #webDev #politics #ARIA
[share author='stevef' profile='https://html5accessibility.com/stuff/author/stevef/' avatar='' link='https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/' posted='2020-10-06 13:28:50' guid='81daf735-8b2361906e7d629a-214181df' message_id='https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/']aria-roledescription is not a label
It is an alternative expression of the Aural UI of the role of an element.
inappropriately using aria-roledescription may inhibit users’ ability to understand or interact with an element.
ARIA 1.1
The wrong way to use aria-roledescription and call out someone as a fascist:
code
<img aria-roledescription="fascist" src="dt.PNG"
alt="Donald Trump">
This is wrong because you are not identifying the subject of the image as a fascist, you are overwriting the <img> element role so it effectively becomes a <fascist> element. Also, there is no explicit text identification of the subject as a fascist.
A much better way to achieve the aim of identifying a fascist (and not misusing aria-roledescription):
Example of a fascist
code
<figure>
<figcaption>Example of a fascist</figcaption>
<img src="dt.PNG" alt="Donald Trump">
</figure>
Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
A collection of bad practices in HTML, copied from real websites.Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
Introduction to web sustainability | MDN Blog
What can web designers and developers do to build a more sustainable web? This post explores the environmental impacts of web technologies and looks at some of the ways we can build greener websites.MDN Web Docs
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
noti.st/cariefisher/1gWjQz/css…
Presentation slides from WordPress Accessibility Day by Carie Fisher
#css #a11y #webdesign #webdev
CSS + Accessibility: Inclusion Through User Choice by Carie Fisher
Every day we have a series of choices to make. Get up early to work out or hit the snooze button? Double foam mocha latte or decaf green tea? Tabs or spaces? Our choices — even the small ones — shape our identities and help frame how we see the world…noti.st
The Performance Inequality Gap, 2024
How much HTML, CSS, and JavaScript can we really afford? More than in years past, but much less than front-end developers are burdening experiences with.Alex Russell
GitHub hiring Staff Manager , Software Engineering , Accessibility in United States | LinkedIn
Posted 11:48:26 AM. About GitHubAs the global home for all developers, GitHub is the complete AI-powered developer…See this and similar jobs on LinkedIn.www.linkedin.com
The decline of React
Over the last week, I’ve been seeing a wave of articles and Mastodon posts from people who I would consider advocates of React about how React is actually bad now. The first one I saw was from Tom MacWright.gomakethings.com
16 Lesser Known Accessibility Issues [and Tips]
toward.studio/latest/16-lesser…
"12. Don’t hide labels. Ever."
#a11y #accessibility #webdev #webdesign #tips #UIDesign #forms
16 Lesser Known Accessibility Issues | Toward
In this post Matt discusses 16 accessibility issues and solutions we've encountered while building a bi-lingual website application for a public sector…Toward Studio
React community appears to be finally starting to see how maybe, just maybe, things are a little overwrought and oversold for an abstraction that ultimately derives HTML.
dev.to/matfrana/react-where-ar…
#webdev #frontend #strugglestack
React, where are you going?
I'm writing these random notes as an open letter to the people I deeply trust in the React (and more...Matteo Frana (DEV Community)
I needed to test support for dynamic accessible descriptions recently, so I made a blog post reference in case it's helpful for others.
darins.page/articles/dynamic-a…
#accessibility #a11y #html #webdev #ux #screenreader
Dynamic accessible descriptions reference - Darin Senneff
I recently needed to test the support of a dynamic accessible description – a element’s description that is initially one (or no) value, then changes to…Darin Senneff
A lot of what people use React for would be better handled with vanilla JavaScript
This week, we’ve been looking at harmful complexity in web projects, and why choosing React for mostly static web projects is bad. These days, it’s common for mostly static websites to have a little bit of dynamic content.gomakethings.com
Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
A collection of bad practices in HTML, copied from real websites.Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
Getting started with Web Performance 🚀 - HTMHell
A collection of bad practices in HTML, copied from real websites.Getting started with Web Performance 🚀 - HTMHell
Rating Slider Example
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).W3C Web Accessibility Initiative (WAI) (Web Accessibility Initiative (WAI))
forms.office.com/Pages/Respons… #github #dev #webdev #survey
Why web perf tools should be reporting website carbon emissions
Recently, a post from the web performance monitoring tool DebugBear about why they won't report website carbon emissions in their platform caught my attention.Web Performance Calendar
loco-rs: releasing a framework inspired by Rails on Rust
Discussions: discu.eu/q/loco.rs/
#programming #rails #ruby #rustlang #webdev
Front end devs really don't understand accessibility
Yesterday, I discovered that quite a few of my articles have made their way onto Hacker News. And the conversations around them are actually, generally speaking, pretty good for what I generally expect from the site.gomakethings.com
You don't need JavaScript for that - HTMHell
A collection of bad practices in HTML, copied from real websites.You don't need JavaScript for that - HTMHell
I have a question regarding a semantic HTML construct, and I'd like to know what the current consensus is (if there is one). So here goes:
Should navigation links be placed in an unordered list in a <nav>?
The spec doesn't recommend anything, but examples from MDN (developer.mozilla.org/en-US/do…) and WHATWG (html.spec.whatwg.org/multipage…) consistently use lists unless the contents are written in prose. Is this still the preference more broadly?
I have some other questions in this area. Safari removes list semantics if you remove the bullets (with exceptions, such as if the list is a child of "nav"), due to alleged "list-itis". At what point do lists become inappropriate? If I have a list of blog posts, and I format them as cards, with a heading, publish date, summary, and an image, is that too much content for each <li>?
Also, MDN and WHATWG point out not all links should be contained in navs (such as footer links), and "nav" should instead signal major blocks of navigation links. Would my prior example of a list of blog posts count as a major block? Should I enclose my list of blog posts in a nav? Does that extend to all section, category, and tag pages listing pages in that section/category/tag?
Feel free to respond if you have opinions, but keep it civil, and boosts are appreciated.
Answers to common (web) accessibility questions
Common questions I hear about web accesssibility with short, low on nuance answers.Hidde's blog
Inspecting websites and web views on iOS devices · Eric Eggert
While it is often sufficient to test the mobile view of websites and applications on the desktop, with desktop browsers, it’s sometimes not enough: Some websites use device sniffing to hash out which device is used and deliver different code to users…Eric Eggert
Happy Firefox 120 release for those who celebrate 🎉
This comes with a couple important Debugger fixes and a bunch of accessibility improvements in the toolbox.
Grab your drink of choice and read through the full update fxdx.dev/firefox-devtools-news…
My colleague discovered this really solid collection of cheat sheets on application security topics:
cheatsheetseries.owasp.org/
Introduction - OWASP Cheat Sheet Series
Website with the collection of all the cheat sheets of the project.cheatsheetseries.owasp.org
Related: 4 examples of web-accessible date pickers...
WAI: w3.org/WAI/ARIA/apg/patterns/d…
Deque: dequeuniversity.com/library/ar…
U.S. Web Design System
designsystem.digital.gov/compo…
Tommy Feldt: fymmot.github.io/inclusive-dat…
#date #calendar #UIDesign #webdesign #webdev #a11y
Date Picker Dialog Example
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).W3C Web Accessibility Initiative (WAI) (Web Accessibility Initiative (WAI))
PHP Foundation - Open Collective
We support, promote, and advance the PHP language.opencollective.com
chriscoyier.net/2023/11/08/eve… Yes! #webdev #webdevelopment #webdesign #SEO
Everything about SEO is obnoxious
“Search Engine Optimization” Blech. I hate it. This is what SEO should be: Write content on the internet. Make sure it is output in semantic, accessible HTML. Make sure the performance …Chris Coyier
Foundations: HTML semantics - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.TetraLogical
Accessibility training will not save you
A follow-up to my talk at A11yTO I cannot pinpoint the source of this misconception, it could have been a vendor, or long-lost blog post, or one of the many webinars I attended in my early days as a program lead.Reidmore
Say NO to broken browsers! ⛔
The EU is preparing a very dangerous law that would undermine the security of every browser.
Speak up now! 🗣️
@Jeremiah has more on how you can help to protect the web! 💪
jeremiahlee.com/posts/2023-eu-…
#EU
#privacy
#security
#webdev
#eIDAS
No Broken Browsers
Open letter to the European Commision on its eIDAS proposalJeremiah Lee (www.jeremiahlee.com)