Skip to main content

Search

Items tagged with: webdev


MDN just launched its own front-end developer curriculum: https://developer.mozilla.org/en-US/curriculum/ #webdev


👁‍🗨Screen Readers support for text level HTML semantics

"A long time ago (2008) I wrote an article: Screen Readers lack emphasis. At the time, 15 years ago..."

#a11y #webDev #HTML #screenReaders

https://www.tpgi.com/screen-readers-support-for-text-level-html-semantics/


Hello, front-end developers. Here's your infrequent reminder to make websites that also work on browsers NOT Google Chrome.

Forcing anyone to use Google's glorified spyware is not cool.

#WebDev


The Performance Inequality Gap, 2024

https://infrequently.org/2024/01/performance-inequality-gap-2024/

"building JavaScript-first websites has been a predictably terrible idea"

#webdev #webperf #javascript #mobile #inequality


I wrote an article about how to make hastags accessible. Did some #ScreenReader testing with #JAWS, #NVDA, #VoiceOver and #Narrator, which was fun!

Pretty long one though, contains a bunch of tables for comparison. Enjoy the ride!

https://stevefrenzel.dev/posts/easy-web-accessibility-wins-hashtags/

#accessibility #a11y #html #JavaScript #WebDev #frontend


nginx (by F5) forked as freenginx by long time core developer Maxim Dounin 👀

http://freenginx.org/pipermail/nginx/2024-February/000000.html

https://www.phoronix.com/news/Nginx-Forked-To-Freenginx

#freenginx #nginx #webdev #selfhosting #opensource


🤡 The wrong way to use aria-roledescription to call out someone as a fascist:

https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/

#a11y #webDev #politics #ARIA


aria-roledescription is not a label

It is an alternative expression of the Aural UI of the role of an element.

inappropriately using aria-roledescription may inhibit users’ ability to understand or interact with an element.
ARIA 1.1

The wrong way to use aria-roledescription and call out someone as a fascist:

code

<img aria-roledescription="fascist" src="dt.PNG"
alt="Donald Trump">

This is wrong because you are not identifying the subject of the image as a fascist, you are overwriting the <img> element role so it effectively becomes a <fascist> element. Also, there is no explicit text identification of the subject as a fascist.

A much better way to achieve the aim of identifying a fascist (and not misusing aria-roledescription):
Example of a fascist
code
<figure>
<figcaption>Example of a fascist</figcaption>
<img src="dt.PNG" alt="Donald Trump">
</figure>

https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/



Introduction to web sustainability—learn how you can contribute to building a greener and sustainable web. https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/ #webdev #webperf #environment #eWaste #goGreen


CSS + Accessibility: Inclusion Through User Choice
https://noti.st/cariefisher/1gWjQz/css-accessibility-inclusion-through-user-choice
Presentation slides from WordPress Accessibility Day by Carie Fisher
#css #a11y #webdesign #webdev


"The Decision to Leave Tech" — I'm sure many of us, including myself, have very similar feelings. 🥴 https://toddl.dev/posts/the-decision-to-leave-tech/ by @todd #tech #a11y #burnout #webdev


+1000 "the community remains in solid denial about the disastrous consequences of an over-reliance on JavaScript" https://infrequently.org/2024/01/performance-inequality-gap-2024/ #webdev #javascript #webperf


Wanted: Staff Manager, Software Engineering, Accessibility at GitHub; remote, US; via LinkedIn https://www.linkedin.com/jobs/view/3792420701/ #webdev #a11y #jobs #github #dev #mgr


🍦 New Article: The decline of React https://gomakethings.com/the-decline-of-react/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie


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


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


How do folks feel about links not being underlined but instead being in inverted colors? (that is, if the page is a "light mode" black text on white background, links are white text on black background)?

#WebDev #WebDesign #Accessibility #WebAccessibility #A11y #HTML #CSS


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


Absolutely. "A lot of what people use React for would be better handled with vanilla JavaScript" https://gomakethings.com/a-lot-of-what-people-use-react-for-would-be-better-handled-with-vanilla-javascript/ #webdev #reactJS #javascript #tips


Reprise: "On the <dl>" by @ben https://benmyers.dev/blog/on-the-dl/ #webdev #html


This is pretty cool 👉 [Star] Rating Slider Example by WAI https://www.w3.org/WAI/ARIA/apg/patterns/slider/examples/slider-rating/ #webdev #ixd #a11y


Why web performance tools should be reporting website carbon emissions: https://calendar.perfplanet.com/2023/why-web-perf-tools-should-be-reporting-website-carbon-emissions/ #webperf #webdev #environment #goGreen


loco-rs: releasing a framework inspired by Rails on Rust

https://loco.rs/

Discussions: https://discu.eu/q/https://loco.rs/

#programming #rails #ruby #rustlang #webdev


Front end devs really don't understand accessibility [learning HTML would also help very much] https://gomakethings.com/front-end-devs-really-dont-understand-accessibility/ #a11y #webdev #webdevelopment #accessibility


Content warning: Seven questions on semantic & accessible HTML navigation lists


Answers to common (web) accessibility questions 👉 https://hidde.blog/a11y-faq/ #a11y #accessibility #webdev #webdesign


Inspecting websites and web views on iOS devices https://yatil.net/blog/inspect-web-ios by Eric Eggert #ios #webdev #dev #tips


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/

#Firefox #a11y #webdev


My colleague discovered this really solid collection of cheat sheets on application security topics:
https://cheatsheetseries.owasp.org/

#webdev #security