Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Looking for improvements / suggestions pls

Featured Replies

Hi

 

I have produced a simple website for a voluntary org that I am co-running, which provides access to sport for folks with autism and other disabilities.

 

The site is www.disc-northants.org

 

I have hand coded the site using Notepad++ and made good use of CSS (though limited to my current knowledge). I would really appreciate any feedback that is available, especially regarding design improvements around the images.

 

Thanks

 

Martin

Looks aright imo m8. :)

 

Things to consider maybe?

Being a website centred around disabilities I would assume it should be quite accessible. There's not enough time to point everything out but you could Google and have a read about accessibility.

Perhaps make the text and headings a tad larger.

Make the images bigger, quite hard to see what's going on in them and the ones with faded edges at the top of the page are, I feel, not up to the same quality of the rest of the site.

 

In general though it's a nice site. Of those I would say Accessibility is top priority.

 

Goodluck,

~evu.

  • Author

Hi Evu

 

I have a script which I use on my old autism site http://www.aboutautism.org.uk/ (top right)

This just calls each css to change font size.

 

There are some considerations (non technical) around using larger images or having pop-outs to larger images. I need to give this some thought.

 

I do value your feedback and will give it some careful thought

 

Thanks

 

Martin

Lol you're just down the road from me :)

 

Dont worry about the "design" too much, what you have is perfectly fine, but making it accessible especially for disabled web users is your top priority.

 

Here's a few things I noticed:

 

1. Page titles - the <title> tags - need to be unique for every page, a short description of what the page is about is fine

2. Don't remove the underline for text links, partially sighted people often rely on these to spot links

3. Make your link text colour different to headings, at the moment they are too similar

4. Paragraph length is too long, for best readability max should be around 80 characters

5. Use some line height to space lines of text out, aids readablity

6. You calls to action do not make sense, eg

 

"Read Graham's bio here" - the linked word "here" means nothing to a screen reader user, you're better off linking the whole phrase call to action , eg "Read Grahams profile" so the whole phrase tells the user what the link does.

 

Another one is "Please click here to find us on Google maps" - better as something like "Google map link"

  • Author

Lol you're just down the road from me :)

 

Dont worry about the "design" too much, what you have is perfectly fine, but making it accessible especially for disabled web users is your top priority.

 

Here's a few things I noticed:

 

1. Page titles - the <title> tags - need to be unique for every page, a short description of what the page is about is fine

2. Don't remove the underline for text links, partially sighted people often rely on these to spot links

3. Make your link text colour different to headings, at the moment they are too similar

4. Paragraph length is too long, for best readability max should be around 80 characters

5. Use some line height to space lines of text out, aids readablity

6. You calls to action do not make sense, eg

 

"Read Graham's bio here" - the linked word "here" means nothing to a screen reader user, you're better off linking the whole phrase call to action , eg "Read Grahams profile" so the whole phrase tells the user what the link does.

 

Another one is "Please click here to find us on Google maps" - better as something like "Google map link"

Thank you so much for taking a very detailed look at my site. You have gone to a lot of trouble to point out the obvious improvements and I hope that I have taken your suggestions and acted upon them in the best possible way.

 

I have implemented each of your suggestions and my only concern is that I think the navigation pane on the left is looking a bit scruffy.

 

I have also used a styleswitcher js to allow readers to increase the font sizes.

 

Otherwise I am very pleased to receive such sound advice and the site is looking much better indeed.

 

Thanks again

 

Martin

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.