Web accessibility basics — Headings. By WebAIM (updated): webaim.org/techniques/headings… #headings #webdesign #webdev #a11y
Search
Items tagged with: webDev
People on StackOverflow telling people to screw up #accessibility with the HTML dialog element defeats the purpose of using that element in the first place IMO. Please upvote my answer that corrects the numerous wrong answers, including the accepted answer, to this question if you have an SO account.
stackoverflow.com/a/79028606/2…
#webDev #a11y #html #css #javaScript
2024: 0.5% of the Global Top 200 Websites Use Valid HTML ☹️ meiert.com/en/blog/html-confor… #html #webdev #webdevelopment #fail
Green accessibility for web developers (video preso): mediaspace.umn.edu/media/t/1_h… #webdev #webdevelopment #a11y #css
List of reasons JavaScript won’t be available to your user: piccalil.li/blog/a-handful-of-… #PEFTW #webdev #webdevelopment #javascript #UXDesign
What Is React.js?
A must-watch for web devs!
briefs.video/videos/what-is-re…
by @heydon
#reactJS #webdev #webdevelopment #facebook #truth
A must-watch for web devs!
briefs.video/videos/what-is-re…
by @heydon
#reactJS #webdev #webdevelopment #facebook #truth
CSS One-Liners to Improve (Almost) Every Project alvaromontoro.com/blog/68055/t… #css #webdev #UIDesign #webdesign
Concerns about using toggle switches: adamsilver.io/blog/why-toggle-… #UIDesign #webdev #forms #UXDesign
⌨️ prayer for the un-entitled user
"Like the rest of the web platform, interoperability is key to accessibility support. It is safe to say at this time (September 2024) that the display of title attribute content on keyboard focus is not implemented interoperably."
Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof 👏
Of course, ensure it's accessible – especially the scroll example in this presentation.
youtube.com/watch?v=IP_rtWEMR0… #webdev #webdevelopment #javascript #css
Now in #Firefox DevTools 129: massive performance improvements, @starting-style support and accessibility fixes:
Semantic Code in HTML: What is it and does it still matter? (of course it does; read why) boagworld.com/dev/semantic-cod… #webdev #webdevelopment #html
Semantic Code In HTML: What Is It And Does It Still Matter?
Semantic code in HTML is still important in modern web development. It can improve accessibility, SEO, maintainability, cross-device compatibility, future-proofing, collaboration, and page load times.Paul Boag - User Experience Advice
Dark mode & accessibility myth
stephaniewalter.design/blog/da…
#darkmode #a11y #accessibility #webdesign #webdev #UIDesign
Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.
Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!Stéphanie Walter (Stéphanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.)
In 2014, Steve Faulkner wrote an article What ARIA does not do. 10 years later, the message is unchanged.
#WebDev #WebDevelopment #ARIA #HTML #DigitalAccessibility #Accessibility #A11y
😑🆕 What ARIA still does not do
"Use of ARIA is a promise you as a developer make to screen reader users."
Vytvořil jsem si svůj "profesní" web (spíš je to jen landingpage), jelikož letos pravděpodobně skončím u dosavadního zaměstnavatele po dlouhých 18 letech 😮 (což zní až neuvěřitelně, ale fakt jsem tam tak dlouho vydržel, vystřídal jsem tam několik pozic).
Budu hledat opět práci #fullstack #webdev #homeoffice, ale se zaměřením na #Wordpress.
(Kdyby to tu četl někdo, kdo hledá někoho do týmu, tak uvítám nabídky, klidně i částečný úvazek.)
🏠 system64.eu
Budu hledat opět práci #fullstack #webdev #homeoffice, ale se zaměřením na #Wordpress.
(Kdyby to tu četl někdo, kdo hledá někoho do týmu, tak uvítám nabídky, klidně i částečný úvazek.)
🏠 system64.eu
Why are my live regions not working? by @patrick_h_lauke
'Live regions have a reputation for being "flaky" and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work.'
#accessibility #HTML #ARIA #WebDev
Why don’t we talk about minifying CSS anymore? blog.sentry.io/why-dont-we-tal…
Me: because Javascript is a much, much, much bigger problem for web performance.
#a11y #webdev #css #javascript #webperf
Why don’t we talk about minifying CSS anymore?
Remember Grunt files? Gulp files? We rarely need to think about CSS minification, chunking, splitting and post-processing anymore. Here's why.Salma Alam-Naylor (Product Blog • Sentry)
👉 Compounding complexity in modern web development gomakethings.com/compounding-c… #webdev #webdevelopment #reactjs
Compounding complexity in modern web development
I’d wager that most of the developers who build modern websites and web apps don’t start off thinking… I’m going to make this as complex as possible.gomakethings.com
Modern CSS Layouts: You Might Not Need A Framework For That smashingmagazine.com/2024/05/m… #css #webdesign #webdev #webdevelopment
Modern CSS Layouts: You Might Not Need A Framework For That — Smashing Magazine
It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts.Smashing Magazine
Images without text alternatives is a huge problem. The issue is magnified when the image is a link. Realize that screen reader users receive no valuable information when the image wrapped with a link is missing a text alternative.
Ensure that all images, including those that act as link, provide appropriate text alternatives.
#DigitalAccessibility #Accessibility #A11y #UXDesign #WebDev #WebDevelopment
aria-label is one of a number of secondary methods to label native HTML UI elements. It works in some scenarios, less well or not at all on others. Get the details on it's proper and effective usage.
#HTML #ARIA #WebDev #WebDevelopment #DigitalAccessibility #Accessibility #A11y
🍦 New Article: Your site or app should work as much as possible without JavaScript gomakethings.com/your-site-or-… #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie
Your site or app should work as much as possible without JavaScript
I’m amazed at how often this is a controversial opinion, but… your site or app should work as much as possible without JavaScript.gomakethings.com
🗒️Not so short note on aria-label usage – Big Table Edition
Updated: 22 May 2024
#HTML #ARIA #WebDev #accessibility
Informative article on HTML responsive images: danburzo.ro/responsive-images-… #webdev #webdesign #images #html
How to think about HTML responsive images · Dan Cătălin Burzo
srcset, sizes, picture, source, and how they all fit.danburzo.ro
New bookmark: React, Electron, and LLMs have a common purpose: the labour arbitrage theory of dev tool popularity.
“React and the component model standardises the software developer and reduces their individual bargaining power excluding them from a proportional share in the gains”. An amazing write-up by @baldur about the de-skilling of developers to reduce their ability to fight back against their employers.
Originally posted on seirdy.one: See Original (POSSE). #GenAI #llms #webdev
“The reasons why use of the placeholder attribute as the only means of providing a user readable prompt for a form control is deficient UX, are voluminous. It is frustrating having to rehash this discussion endlessly.”
What on earth?! Amazon S3 charges you for unauthorised requests to S3?!
That's just absolutely insane! I better check my AWS account and delete any unused buckets I have in there …
medium.com/@maciej.pocwierz/ho…
#aws #s3 #infosec #webdev #cloud
How an empty S3 bucket can make your AWS bill explode
Imagine you create an empty, private AWS S3 bucket in a region of your preference. What will your AWS bill be the next morning?Maciej Pocwierz (Medium)
Why are my live regions not working? by @patrick_h_lauke
"Live regions have a reputation for being "flaky" and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work."
Front-end development’s identity crisis ellyloel.com/blog/front-end-de… If you have this crisis (with modern web dev), then that's a good thing! #webdev #webdevelopment #frontend
Front-end development’s identity crisis
I’m not a “[full-stack] developer”, regardless of what my last job title saysElly Loel
This piece from @heydon details his system for using the new features of #CSS to test HTML for proper semantics and structure. Just incredible what’s going on in some of these selectors.
heydonworks.com/article/testin…
Testing HTML With Modern CSS
CSS can be a great HTML testing tool, especially in 2024Heydon Pickering (heydonworks.com)