GitHub Customer Research Panel - user survey
forms.office.com/Pages/Respons… #github #dev #webdev #survey
forms.office.com/Pages/Respons… #github #dev #webdev #survey
Search
Items tagged with: webdev
Why web performance tools should be reporting website carbon emissions: calendar.perfplanet.com/2023/w… #webperf #webdev #environment #goGreen
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
Why doesn’t AI work for producing accessible code? alastairc.uk/2023/11/why-doesn… #a11y #ai #webdev
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 [learning HTML would also help very much] gomakethings.com/front-end-dev… #a11y #webdev #webdevelopment #accessibility
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
Yes! "You don't need JavaScript for that" htmhell.dev/adventcalendar/202… #webdev #javascript #html #webdevelopment
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 👉 hidde.blog/a11y-faq/ #a11y #accessibility #webdev #webdesign
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 yatil.net/blog/inspect-web-ios by Eric Eggert #ios #webdev #dev #tips
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))
I just donated to the PHP Foundation. If you use PHP, like most of the Web, please consider donating. opencollective.com/phpfoundati… #php #webdev #donate
PHP Foundation - Open Collective
We support, promote, and advance the PHP language.opencollective.com
[Web] Accessibility Myths - Debunked a11ymyths.com/ HT @spellacy #a11y #accessibility #webdev #webdesign #UIDesign #UXDesign
"Everything about SEO is obnoxious"
chriscoyier.net/2023/11/08/eve… Yes! #webdev #webdevelopment #webdesign #SEO
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
Web developers need to read this, and study it really well. "Foundations: HTML semantics" tetralogical.com/blog/2022/10/… #html #webdev #webdevelopment
Foundations: HTML semantics - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.TetraLogical
Yup!!! "Web developers don't know HTML anymore" reidmore.online/post/accessibi… #webdev #webdevelopment #fail #html
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
Accessible Chips demo — "modified to use the HTML datalist element instead of a custom autosuggest". Nice! kindhearted-meal.glitch.me/ By @mfairchild365 (and inspired by me 😁 ). This demo is actually 4 years old! Browser support (for datalist) is better. #webdev #html #a11y
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)
New post! Strikethrough Accessibility:
webaxe.org/strikethrough-html-…
#webdev #a11y #html #screenreaders #accessibility
webaxe.org/strikethrough-html-…
#webdev #a11y #html #screenreaders #accessibility
Don't Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers
ashleemboyer.com/blog/don-t-us… #a11y #css #webdev #webdesign
ashleemboyer.com/blog/don-t-us… #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
Web developers, please stop adding aria-label to everything!!! w3.org/TR/using-aria/#rule1 #webdev #fail #ariaSerious #a11y
Using ARIA
This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification [WAI-ARIA-1.www.w3.org
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"
deque.com/blog/ensuring-negati…
Great article written by 2 of my favorite comrades.
"you can do a lot with native HTML fields using just a little CSS" adrianroselli.com/2021/03/unde… #webdev #css #a11y #i18n
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
What makes an accessible date picker? Is it even possible? #ID24 2023 youtube.com/watch?v=D2Gy2WN4Iy… with Russ Weakley #a11y #webdev #webdesign #accessibility
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
Four Reasons to Give WCAG AAA a Second Look webaim.org/blog/wcag-aaa-secon… #webdev #webcontent #wcag #a11y
What is page bloat? And how is it hurting your business, your search rank, and your users? speedcurve.com/blog/page-bloat… #webperf #webdev #webdevelopment
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
ericwbailey.website/published/…
"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
"You’re rendering your entire DOM in the client using a huge JavaScript library. Which type of loading indicator are your users going to be staring at?" briefs.video/videos/choose-you… #javascript #webdev
The Cost Of JavaScript, with
Addy Osmani, 2023 youtube.com/watch?v=ZKH3DLT4BK… Why JavaScript is the most expensive resource your site uses today. #webdev #webperf #javascript
Addy Osmani, 2023 youtube.com/watch?v=ZKH3DLT4BK… 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
"The more ARIA attributes that were present, the more detected accessibility errors could be expected." webaim.org/projects/million/#a… #webdev #aria #ariaSerious #a11y
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:
* bugs.webkit.org/show_bug.cgi?i…
* bugs.webkit.org/show_bug.cgi?i…
* bugs.webkit.org/show_bug.cgi?i…
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.”
tpgi.com/short-note-the-abbrev…
/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)
Speaking as someone who used to hand-whittle SVGs with a text editor: this is brilliant. #nerd #webdev #svg nan.fyi/svg-paths
A Deep Dive Into SVG Path Commands
An interactive guide to understanding SVG paths and path commands.Not a Number