Skip to main content

Search

Items tagged with: webdev


Modern CSS Layouts: You Might Not Need A Framework For That smashingmagazine.com/2024/05/m… #css #webdesign #webdev #webdevelopment


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.

buff.ly/3R7yZLv

#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


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


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.

#a11y #WebDev #Electron #Signal #Skype


“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.”

#HTML #a11y #webDev

html5accessibility.com/stuff/2…


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


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."

#a11y #webDev #HTML #ARIA

tetralogical.com/blog/2024/05/…


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


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.

#WebDev

heydonworks.com/article/testin…


⭐️ Accessibility Foundations
tetralogical.com/blog/2024/03/…
by Henny Swan via @TetraLogical
#webdev #webdesign #a11y #accessibility


"The climate crisis is happening all around us. As tech workers, we can use our skills to take and accelerate climate action." climateaction.tech/ #tech #webdev #climateCrisis #environment #goGreen


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


How screen readers read special characters: elevenways.be/en/articles/scre… Be sure to read the Takeaway. #a11y #webdev #screenreaders


🔗: Full-text RSS feed is an offline-friendly act #Tech #WebDev hamatti.org/posts/full-text-rs…


Dear Fediverse,

I have a domain, say "example.net" and I want to setup a couple of redirects so that "example.net/awesome" redirects to "foobar.com/something"

I don't want to manage a server or nginx config for this.

I currently use Gandi Web Forwarding but it doesn't support HTTPS.

Any recommendation for something as low maintenance as possible?

#askFedi #webDev


Sensitive content


"I think filing bugs on browsers is one of the most useful things a web developer can do." 👍 nolanlawson.com/2024/03/03/bug… #webdev #browsers #bugs


Dear PNC Bank, clicking the back browser button while signed into your website should not blow up the browser tab and completely break the authentication. #usability #UX #UIDesign #webdev #fail


Use GitHub?

GitHub Customer Research Panel—Feedback shapes everything we do at GitHub.

forms.office.com/Pages/Respons…

#github #webdev #survey


JavaScript Bloat in 2024 😢 tonsky.me/blog/js-bloat/ #webdev #webperf #javascript #js


Tailwind vs. Semantic CSS
nuejs.org/blog/tailwind-vs-sem…
"Semantic version is several times smaller, renders faster, and requires no extra CSS tooling"
#webperf #css #webdev


I am currently working on #accessibility in #forgejo. And I discovered a problem with focus where it is not possible to navigate the page with "tab", a dropdown makes the focus skip to the end of the page and you end up in a loop.

Can someone recommend ways or tools to debug focus in webbrowsers? I have a hard time to see how the focus skips there. Any hints are welcome.

Thank you.

#WebAccessibility #WebDev #webDevelopment


Pretty nice! Component library from The City of Calgary. summit.calgary.ca/components.h… (Needs a dash of aria-current) #webdev #webdesign


Why is JavaScript fragile? gomakethings.com/why-is-javasc… (one of many reasons IMO) #js #javascript #webdev


MDN just launched its own front-end developer curriculum: developer.mozilla.org/en-US/cu… #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

tpgi.com/screen-readers-suppor…


A preview of the WAI-ARIA 1.3 draft craigabbott.co.uk/blog/a-look-… #aria #webdev #a11y


The Performance Inequality Gap, 2024

infrequently.org/2024/01/perfo…

"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!

stevefrenzel.dev/posts/easy-we…

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