WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: web page with lot of links only

for

Number of posts in this thread: 5 (In chronological order)

From: జిందం వాఐి
Date: Sat, Dec 30 2023 7:40AM
Subject: web page with lot of links only
No previous message | Next message →

* my plan is to create web page with
list of all my collected bookmarks,
more than 300
* 3 ideas_ [ 1 ] just plain text
web page_ bookmark title tab link
[ 2 ] two coloumn table
col 1: bookmark title,
col 2: link of bookmark [ plain text ]
[ 3 ] dont add web page at all

* what is the best way to create
accessibile lot of links web page?

--
regards,
జిందం వాఐి [ jindam, vani ]
web_ jindam.neocities.org
[matrix]_ @jindam:oikei.net

From: L Snider
Date: Sat, Dec 30 2023 7:43AM
Subject: Re: web page with lot of links only
← Previous message | Next message →

Personally, I would break them up with headings, so you have so many per
heading. That will help everyone, as people scan things. Plus, screen
reader users can jump heading to heading.

Make sure the headings are descriptive, so everyone knows why the links are
'bundled' under each heading.

Cheers

Lisa

On Sat, Dec 30, 2023 at 10:40 AM జిందం వాఐి via WebAIM-Forum <
= EMAIL ADDRESS REMOVED = > wrote:

> * my plan is to create web page with
> list of all my collected bookmarks,
> more than 300
> * 3 ideas_ [ 1 ] just plain text
> web page_ bookmark title tab link
> [ 2 ] two coloumn table
> col 1: bookmark title,
> col 2: link of bookmark [ plain text ]
> [ 3 ] dont add web page at all
>
> * what is the best way to create
> accessibile lot of links web page?
>
> --
> regards,
> జిందం వాఐి [ jindam, vani ]
> web_ jindam.neocities.org
> [matrix]_ @jindam:oikei.net
> > > > >

From: Dean.Vasile
Date: Sat, Dec 30 2023 10:08AM
Subject: Re: web page with lot of links only
← Previous message | Next message →

Avoid using multiple links with the same name
If you are using graphical links, then you do not need a link with the same text.
I often run into webpages where I’ll see three or four links with the name of the product and it can be very confusing
And I also agree use heading structure make sure the headings indicate what type of bookmarks are going to be located underneath it.
The headings do not need to be links.
However, if you make them links, they can take you to specific parts of the page where you will find your additional bookmarks.
That's my two cents :-)
Dean Vasile


617-799-1162

> On Dec 30, 2023, at 9:40 AM, జిందం వాఐి via WebAIM-Forum < = EMAIL ADDRESS REMOVED = > wrote:
>
> * my plan is to create web page with
> list of all my collected bookmarks,
> more than 300
> * 3 ideas_ [ 1 ] just plain text
> web page_ bookmark title tab link
> [ 2 ] two coloumn table
> col 1: bookmark title,
> col 2: link of bookmark [ plain text ]
> [ 3 ] dont add web page at all
>
> * what is the best way to create
> accessibile lot of links web page?
>
> --
> regards,
> జిందం వాఐి [ jindam, vani ]
> web_ jindam.neocities.org
> [matrix]_ @jindam:oikei.net
> > > >

From: జిందం వాఐి
Date: Sun, Dec 31 2023 7:00AM
Subject: Re: web page with lot of links only
← Previous message | Next message →

On 2023-12-30 14:43, L Snider wrote:
> Personally, I would break them up with headings, so you have so many
> per heading. That will help everyone, as people scan things. Plus,
> screen reader users can jump heading to heading.
>
> Make sure the headings are descriptive, so everyone knows why the
> links are 'bundled' under each heading.

i restructured my data

On 2023-12-30 17:08, = EMAIL ADDRESS REMOVED = wrote:
> Avoid using multiple links with the same name

done.

my_
* created web page [ 1 ] with
first batch of links
* added th scope for coloumn and
caption on tables
* some titles and links are
very long

other questions_
* copy pasted css code from mdn
web docs for table [ 2 ]
* does use of "max-width: 400px;"
on table is relevant? i mean,
how does it help mobile device
users. doesnt content="widthÞvice-width
is enough?
* should i create seperate thread
for the above observation?

[ 1 ] https://jindam.neocities.org/bookz
[ 2 ]
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table#displaying_large_tables_in_small_spaces

--
regards,
జిందం వాఐి [ jindam, vani ]
web_ jindam.neocities.org
[matrix]_ @jindam:oikei.net

From: Dean.Vasile
Date: Sun, Dec 31 2023 7:05AM
Subject: Re: web page with lot of links only
← Previous message | No next message

It's great that you've restructured your data and addressed the suggestions. Regarding your question about "max-width: 400px;" on tables, it can be relevant for responsive design on mobile devices, limiting the width for better readability. Consider testing it across devices to ensure optimal display. Whether to create a separate thread depends on the forum's guidelines and the complexity of the observation.
Dean Vasile


617-799-1162

> On Dec 31, 2023, at 9:01 AM, జిందం వాఐి via WebAIM-Forum < = EMAIL ADDRESS REMOVED = > wrote:
>
>> On 2023-12-30 14:43, L Snider wrote:
>> Personally, I would break them up with headings, so you have so many
>> per heading. That will help everyone, as people scan things. Plus,
>> screen reader users can jump heading to heading.
>> Make sure the headings are descriptive, so everyone knows why the
>> links are 'bundled' under each heading.
>
> i restructured my data
>
>> On 2023-12-30 17:08, = EMAIL ADDRESS REMOVED = wrote:
>> Avoid using multiple links with the same name
>
> done.
>
> my_
> * created web page [ 1 ] with
> first batch of links
> * added th scope for coloumn and
> caption on tables
> * some titles and links are
> very long
>
> other questions_
> * copy pasted css code from mdn
> web docs for table [ 2 ]
> * does use of "max-width: 400px;"
> on table is relevant? i mean,
> how does it help mobile device
> users. doesnt content="widthÞvice-width
> is enough?
> * should i create seperate thread
> for the above observation?
>
> [ 1 ] https://jindam.neocities.org/bookz
> [ 2 ] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table#displaying_large_tables_in_small_spaces
>
> --
> regards,
> జిందం వాఐి [ jindam, vani ]
> web_ jindam.neocities.org
> [matrix]_ @jindam:oikei.net
> > > >