Search
Items tagged with: webdev
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."
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
Chrome's biggest innovation was the short release cycle with a silent unceremonious autoupdate.
When updates were big, rare, and manual, buggy and outdated browsers were lingering for soo long, that we were giving bugs names. We documented the bugs in magazines and books, as if they were a timeless foundation of #WebDev.
Nowadays browser vendors can fix bugs in 6 weeks (even Safari can…). New-ish stuff is still buggy, but rarely for long enough for the bugs to make it to schools' curriculums.
I'm updating our roadmap for our internal CDN which serves www.bbc.co.uk & www.bbc.com to the UK.
Which protocols/edge features/security controls (not website content/features/security controls) would you like to see us add?
Already on the list:
- IPv6
- QUIC/h3 (already supported outside UK)
- Post-Quantum Crypto (maybe, needs research)
I can't make any promises but suggestions would be great
Boosts would be ace, TiA!
Edit: Also 👀 for security/performance/reliability tech
Whenever there's a supply chain attack, the "stop using CDNs for your dependencies!" croud come out in force. Perhaps CDNs would be less popular if I could use a #JavaScript library without installing Node, setting up a dependency manager, trying to resolve a project's dependencies, installing a different version of Node because I was using the wrong one, trying to resolve a project's dependencies again, working out which JS bundler is appropriate to use in 2024, giving up on that in favour of copying commands and JSON from some random Medium article, copying some commands and JSON from a different Medium article when the stuff from the first one inevitably doesn't work, and then going to bed having accomplished exactly nothing.
Just a thought. #webdev #webdevelopment
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
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 — 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
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
Question to #ScreenReader, #LowVision, #blind & #accessibility folks:
How do you feel about duplicate links in articles, blogs, whatever? Meaning: A certain word is a link (let's say "HEALTH") leading to an external website.
Would it annoy you if this word was always a link and it's mentioned for example 20 times in an article? Or would you rather have it only once to make it easier to scan for links?
Is there a related #wcag success criteria?
#WebDev #a11y #disability #frontend
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
There seems to be a bug in newer versions of either Chromium or Electron, which makes it announce an app running under it to be in English. The consequence, VoiceOver on the Mac speaks everything in English, even if the UI is clearly in German, and the app itself recognizes that my system locale is set to German. Two apps that are affected by it are Signal and Skype. And guess what, many of the contacts on there chat with me in German, which makes reading their messages rather difficult. I really wish Signal would port their iPad app to the Mac instead of throwing that stupid web app at us Mac Silicon users. The dependency on at least two different beasts under the hood of the UI which is the reality of Electron apps, is just an accessibility nightmare through and through.
“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
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)
tetralogical.com/blog/2024/03/…
by Henny Swan via @TetraLogical
#webdev #webdesign #a11y #accessibility
Accessibility foundations - TetraLogical
Our **foundations** series provides an overview of core accessibility considerations. They are a good starting point for visual designers, content designers, interaction designers, and developers when designing and building accessible products and s…TetraLogical
Please don't bloat web pages!
"Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages"
tomshardware.com/tech-industry…
#webperf #webdev #webdevelopment #usability #sustainability
Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages, and some sites are harder to render than PUBG
Danluu benchmarks numerous websites and discusses their impact on older and/or weaker hardwareChristopher Harper (Tom's Hardware)
Full-text RSS feed is an offline-friendly act
RSS feed that only offers partial content cannot be read when there’s no Internet access. For me, that’s the most crucial timeJuha-Matti Santala
Bugs I’ve filed on browsers
I think filing bugs on browsers is one of the most useful things a web developer can do. When faced with a cross-browser compatibility problem, a lot of us are conditioned to just search for some q…Read the Tea Leaves
Use GitHub?
GitHub Customer Research Panel—Feedback shapes everything we do at GitHub.
JavaScript Bloat in 2024
What is the average size of JavaScript code downloaded per website? Fuck around and find out!tonsky.me