Search
Items tagged with: WebDev
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
SpeedCurve | What is page bloat? And how is it hurting your business, your search rank, and your users?
Web pages are bigger than ever. Find out how this affects metrics like Core Web Vitals and what you can do to regain control of rampant page growth.SpeedCurve
Modern Health, frameworks, performance, and harm
https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/
"Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life."
#webdev #webperf #ux #usability #a11y #uxd #webdesign
Modern Health, frameworks, performance, and harm
Performance, accessibility, and usability are more than just inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life…ericwbailey.website
Addy Osmani, 2023 https://www.youtube.com/watch?v=ZKH3DLT4BKw Why JavaScript is the most expensive resource your site uses today. #webdev #webperf #javascript
The Cost Of JavaScript - 2023
As we build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this talk, ...YouTube
I don't know if anyone actually does #webdevelopment testing with #GNOME #Web (Epiphany) on #Linux, but if you've found the web inspector to be infuriatingly clunky everytime you open it, these fresh tickets are for you:
* https://bugs.webkit.org/show_bug.cgi?id=258928
* https://bugs.webkit.org/show_bug.cgi?id=258931
* https://bugs.webkit.org/show_bug.cgi?id=258930
The abbreviation appreciation society
“the HTML <abbr> element is deceptively familiar and attractive, its been around forever (1999) and thus people assume that it does what it does and does it well. Nothing much changed over the iterations of the abbr element definition over the years. One notable exception is that the acronym element was obsoleted in HTML5 and abbr now is used for both acronyms and abbreviations.”
https://www.tpgi.com/short-note-the-abbreviation-appreciation-society/
/cc @micmath
Short note: The abbreviation appreciation society - TPGi
The HTML element is an incredibly common, but do you know how you can make it accessible? Find out how in this article.Steve Faulkner (TPGi)
A Deep Dive Into SVG Path Commands
An interactive guide to understanding SVG paths and path commands.Not a Number
Converting jQuery to vanilla JavaScript
Over the weekend, I read an article by Ari Stathopoulos about converting some old jQuery code to vanilla JS. Ari’s article was written back in 2019.gomakethings.com
What Is ARIA Even For?
In this inaugural episode, I talk about some common pitfalls of using ARIA with the help of Ada Lovelace, a goat, and a dinosaur with a for a head. Thanks to everyone…Vimeo
Bruce Lawson - IE: RIP or BRB?
Bruce Lawson's from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/bruce-lawson/YouTube
How to Favicon in 2023: Six files that fit most needs—Martian Chronicles, Evil Martians’ team blog
Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.Andrey Sitnik (Evil Martians)
Using HTML landmark roles to improve accessibility | MDN Blog
Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.developer.mozilla.org
Adding captions and subtitles to HTML video - Developer guides | MDN
In other articles we looked at how to build a cross browser video player using the HTMLMediaElement and Window.fullScreen APIs, and also at how to style the player.developer.mozilla.org
The aria-modal attribute is just terrific. Now we need TalkBack and Narrator to support it.
The spec: https://www.w3.org/TR/wai-aria-1.1/#aria-modal
Support: https://a11ysupport.io/tech/aria/aria-modal_attribute
#aria #webdev #modals #dialogs
Accessible Rich Internet Applications (WAI-ARIA) 1.1
Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities.www.w3.org
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
Common ARIA mistakes and how to avoid them
ARIA roles and attributes can make your website more accessible, if you know what you're doing.www.oidaisdes.org
How-to: Use Firefox for accessibility testing - The A11Y Project
Firefox has become one of the best tools for accessibility audits. Let’s go over Firefox’s accessibility features that you can use today.www.a11yproject.com
The problem with tooltips and what to do instead
Tooltips are not only hard to use, but they're normally totally unnecessary. Learn why that is and what you could do instead.Adamsilver.io
Meeting WCAG Level AAA - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.TetraLogical
What kind of ethics do front-end developers need?
Hidde's blogSome ways of how, as front-end developers, we can apply ethics in our work.
The F-Word
Frontend podcast by Bruce Lawson and Vadim Makeev.Frontend podcast by Bruce Lawson and Vadim Makeev.
It's very likely that…
I repeatedly see certain bad practices in HTML that ironically contain clues for implementing them properly in their class names or in the way they're built. In this evergreen post, I collect them.It's very likely that…