Blind and Visually Impaired Community
↑
3
↓
I made a site featuring a chronology of news sources. How can I make it accessible? (self.Blind)
submitted by laalpacagrande
The website is $1.
Note that I'm not a developer by trade and I still consider this a v0.1 with a bunch of bugs (in fact it's so v0.1 that the login button doesn't do anything and there's some hardcoded values in there. Bonus points if you spot them).
In essence, the site gathers references from wikipedia articles and presents them chronologically. A couple of specific examples are:
- $1
- $1
I created this because there's a huge problem with the asynchronous and undifferentiated method in which information about an event is presented to us. An article on twitter for one event, followed by a picture of a cat, then your facebook feed might reference a tweet from two months ago. It's impossible to tell what happened and when. this aims to address that.
It was also half way through development that this particular problem would be compounded for people who have accessibility requirements.
I would love to hear you opinions on this site as a general source of information. And more specifically form this community in terms of what I can do to improve it. If there's interest, I've a huge roadmap set out, and I'll most likely be able to convince some devs to join me.
And the features I'm particularly happy with:
- Filter references by language
- Filter references by type (video, forum, article)
- Filter reference by source (click on the domain to the right of the link)
- Blue bell next to a reference shows it was added today.
- Modal to display youtube videos
- Modal to display tweets
- Some only marginally started accessibility features.
Parroting my about section:
This website was created out of frustration with the current incarnation of news on the internet.
On social media today we are supplied with an undifferentiated feed of individual news articles, videos and images from different times in multiple news stories. This causes unecessary rehashing of a story "It's already been debunked! Look!" and even the sharing of information that has since been proven to be false.
What is being built here is an attempt at aggregating relevant articles of significant events in a chronological fashion. So as to be somewhat of a clear, if not definitive source of aggregated information.
We hope to bring many more features to you over time that will help make sense of information on the internet.
Note that I'm not a developer by trade and I still consider this a v0.1 with a bunch of bugs (in fact it's so v0.1 that the login button doesn't do anything and there's some hardcoded values in there. Bonus points if you spot them).
In essence, the site gathers references from wikipedia articles and presents them chronologically. A couple of specific examples are:
- $1
- $1
I created this because there's a huge problem with the asynchronous and undifferentiated method in which information about an event is presented to us. An article on twitter for one event, followed by a picture of a cat, then your facebook feed might reference a tweet from two months ago. It's impossible to tell what happened and when. this aims to address that.
It was also half way through development that this particular problem would be compounded for people who have accessibility requirements.
I would love to hear you opinions on this site as a general source of information. And more specifically form this community in terms of what I can do to improve it. If there's interest, I've a huge roadmap set out, and I'll most likely be able to convince some devs to join me.
And the features I'm particularly happy with:
- Filter references by language
- Filter references by type (video, forum, article)
- Filter reference by source (click on the domain to the right of the link)
- Blue bell next to a reference shows it was added today.
- Modal to display youtube videos
- Modal to display tweets
- Some only marginally started accessibility features.
Parroting my about section:
This website was created out of frustration with the current incarnation of news on the internet.
On social media today we are supplied with an undifferentiated feed of individual news articles, videos and images from different times in multiple news stories. This causes unecessary rehashing of a story "It's already been debunked! Look!" and even the sharing of information that has since been proven to be false.
What is being built here is an attempt at aggregating relevant articles of significant events in a chronological fashion. So as to be somewhat of a clear, if not definitive source of aggregated information.
We hope to bring many more features to you over time that will help make sense of information on the internet.
Tarnagona 3 points 1y ago
Google is your friend in this instance. Look up web accessibility standards. WCAG is the big one, I believe. There’s probably also some useful information in the About section, so check that out, too.
A couple quick tips to get you started. Alt text/image descriptions are important. Make sure links and buttons also have alt text (or else a screen reader reads them all, very unhelpfully as “button, button, button”).
Make use of section headings to organize website content. A screen reader can jump between headings to find stuff more easily, instead of the person painstakingly reading through every word to get to the part they’re looking for.
A couple quick tips to get you started. Alt text/image descriptions are important. Make sure links and buttons also have alt text (or else a screen reader reads them all, very unhelpfully as “button, button, button”).
Make use of section headings to organize website content. A screen reader can jump between headings to find stuff more easily, instead of the person painstakingly reading through every word to get to the part they’re looking for.
laalpacagrande [OP] 2 points 1y ago
Good advice, thank you. There were a couple of other sources I was given that turned out to be quite helpful:
- https://inclusive-components.design/cards/
- https://www.codecademy.com/learn/learn-html/modules/learn-semantic-html
- https://inclusive-components.design/cards/
- https://www.codecademy.com/learn/learn-html/modules/learn-semantic-html
mantolwen 2 points 1y ago
You can get chrome extensions to check some accessibility, but the best way is to download a screen reader (or turn on voiceover on iOS) and see what it sounds like.
TechnicalPragmatist 1 points 1y ago
Pretty interesting concept. I would play around with it using a screen reader or get someone to test it out like a beta tester.
I looked at it briefly and for the most part I didn’t find it very hard to navigate. Thought I think the youtube and twitter things should be clickable and you can sort the youtube with the youtube and the twitter things with the twiter things.
I looked at it briefly and for the most part I didn’t find it very hard to navigate. Thought I think the youtube and twitter things should be clickable and you can sort the youtube with the youtube and the twitter things with the twiter things.
This nonprofit website is run by volunteers.
Please contribute if you can. Thank you!
Our mission is to provide everyone with access to large-
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
©2023 HumbleCat Inc • HumbleCat is a 501(c)3 nonprofit based in Michigan, USA.