Search
Items tagged with: webdev
16 Lesser Known Accessibility Issues [and Tips]
https://toward.studio/latest/16-lesser-known-accessibility-issues
"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.
https://dev.to/matfrana/react-where-are-you-going-5284
#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.
https://www.darins.page/articles/dynamic-accessible-descriptions-reference
#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))
https://forms.office.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR2jWwNudIqxDqPqW0bb2lwBUQlc5MDVXVkhPN09PRFdCWVhKVzBIT1c4WC4u #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: https://discu.eu/q/https://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
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 https://fxdx.dev/firefox-devtools-newsletter-120/
My colleague discovered this really solid collection of cheat sheets on application security topics:
https://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: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/
Deque: https://dequeuniversity.com/library/aria/date-picker
U.S. Web Design System
https://designsystem.digital.gov/components/date-picker/
Tommy Feldt: https://fymmot.github.io/inclusive-dates/
#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
https://chriscoyier.net/2023/11/08/everything-about-seo-is-obnoxious/ 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! 💪
https://www.jeremiahlee.com/posts/2023-eu-eidas-feedback/
#EU
#privacy
#security
#webdev
#eIDAS
No Broken Browsers
Open letter to the European Commision on its eIDAS proposalJeremiah Lee (www.jeremiahlee.com)
https://www.webaxe.org/strikethrough-html-accessibility/
#webdev #a11y #html #screenreaders #accessibility
https://ashleemboyer.com/blog/don-t-use-fixed-css-height-or-width-on-text-containers #a11y #css #webdev #webdesign
Don't Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers | Ashlee M Boyer
Fixed heights and widths risk 'loss of content' when text is resized.ashleemboyer.com
Ensuring negative numbers are available for everyone. "The minus character (−) yields great support in most screen readers, and suffers less situational gotchas than the hyphen-minus character"
https://www.deque.com/blog/ensuring-negative-numbers-are-available-for-everyone/
Great article written by 2 of my favorite comrades.
Under-Engineered Select Menus
Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen I am still confounded how many developers and designers see a and immediately…Adrian Roselli
Russ Weakley / What makes an accessible date picker? Is it even possible? #id24 2023
You’ve seen them in the wild, maybe even audited them. The stuff of nightmares. But what makes a truly accessible date picker? This presentation will explore...YouTube