SlideShare une entreprise Scribd logo
1  sur  7
Best designed websites : Part I


Web Design

Web Design does not necessarily have to be as complicated as it may seem. With a little ingenuity and
some creative work a website with a clever web design can take form. To get started one must think
about what they like best about other websites. What is it that they have that your website doesn’t
have? What is so special about their site that brings in so much traffic?



If you are looking to have a web design that has great graphics and visual effects that will catch a
viewers eye then the first step is to find a template that matches your desired web design. A template is
the first step to a web design, it is you skeleton if you will. Finding a template that has all that you want
plus the graphics that may suit you best is not too difficult. It just requires you to spend some time on
the internet searching through the hundreds of companies that offer template services. In one of those
companies you are bound to find something that you like. Not to mention that with the use of a
template you can have a uniform professional web design.



Once you have the template picked there is that pesky matter of the content on your web page. A
reader will not want to read something that makes them feel that they are reading a school textbook.
They are going to want something that is entertaining and feels enjoyable to read.



Easy navigation through the web design will aid in the viewers ease through out the website making it
user friendly and pleasant. To do this make room for navigation cues that are on the website directly
and in a logical place on the page. For example it is best to have the navigation cues at the top or the
bottom of the page as opposed to the middle of the page.



Don’t forget about HTML. That code that does wonders for any website that it is put on. HTML can aid in
the efficiency of a web design and help to produce a much more attractive web page. It will can also add
to the entertainment of the content by adding color, changing size etc.



Putting all of this together may seem a lot at first. However, breaking it down step by step in the web
design process will make designing that website easy, fast and more efficient bringing in the desired
traffic. With just a little time you web design can be a fun creative endeavor.

<A HREF="http://www.jatech.ca/">Jatech</A>
Hiring a web designer to come up with the custom solution that you need can set you back a few
thousand bucks. But you can do the whole thing yourself and make it drag and drop simple for mere
pennies with a tool like Breezy Websites. See http://breezywebsites.com for details!


Best designed websites : End of Part I




Web accessibility for screen magnifier users

The needs of screen magnifier users are overlooked when implementing web accessibility on to a
website. Screen magnifiers are used by partially sighted web users to increase the size of on-screen
elements. Some users will magnify the screen so that only three to four words are able to appear on the
screen at any one time. You can try using a screen magnifier yourself by downloading the Zoomtext
screen magnifier from http://www.aisquared.com/Products/ZoomText8_mag/FreeTrial/Z8FreeTrial.htm
for a free 30 day trial.



The good news is that some of the basic principles for improving accessibility and usability for screen
magnifiers users, also increase usability for everyone. To help, we've listed six ways to improve
accessibility and usability for screen magnifier users:




1. Don't embed text within images



Text embedded within images can become blurry and pixelated when viewed in screen magnifiers, and
therefore completely illegible. This is especially true when the image text is rather poor quality, so if you
absolutely have to embed text within images then make sure the image is of high quality. Many screen
magnifier users can find it quite difficult to read text at the best of times, so when it appears fuzzy to
them it can become difficult to impossible to read.



It's not usually necessary to embed text within images anymore, as most presentational effects can now
be achieved with CSS. By embedding text within images the download time of each page can become
significantly greater due to the weight of these images - for users on dial-up modems it can be a real
pain waiting for these images to download and render.



If you're not sure if a piece of text on the page is embedded within an image or not, try highlighting the
text. If you can highlight each letter individually then the text is real text and isn't embedded within an
image.




2. Clearly separate sections of the page



Different sections of each web page should be clearly separated through the use of borders and
different background colours. Screen magnifiers users can only see one tiny section of a web page at any
one time so it can sometimes be hard for these users to orientate themselves within the page.



By using a blue background colour for the navigation, for example, screen magnifier users can quickly
move through the page and when they see a blue background they instantly know that the content are
has finished and the navigation area begun.



Likewise, by separating different sections of the page with borders, when a screen magnifier user moves
over that border they know they're moving into a different section. One especially common form of this,
is using a vertical bar to separate horizontal navigation items.



Separating different sections of the page with background colours and borders doesn't only increase
usability for screen magnifier users - it increases usability for everyone. When regularly sighted users
scan through a web page, if the content, footer and navigation are all effectively differentiated it's very
easy to quickly gain an understanding of the on-page layout.




3. Use clear and descriptive headings often
When screen magnifier users move their magnifier across the screen one of the items that stand out to
them is headings. By ensuring heading text is large, and perhaps by differentiating it through the use of
colour, it will stand out to these users.



Screen magnifier users usually have to stop the movement of the magnifier when they want to read a
piece of text, so when they see a heading, they can stop and read it. Because headings (in theory at
least!) describe the content contained beneath them, screen magnifier users can read a heading, gain an
understanding of the content beneath it, and decide whether they want to read that content or not. If
not, they can simply move the magnifier down the screen and stop at the next heading.



Headings are incredibly useful for fully sighted users too for essentially the same reason. When you scan
through a web page, headings are one of the items that stand out to you. Again, you can read the
heading (or listen to it for a screen reader user), and provided its descriptive, instantly gain an
understanding of the content beneath it. You can then keep reading or skip on to the next heading down
the page.




4. Ensure link text is descriptive of its destination



Link text such as ‘click here' and ‘more' should be avoided and replaced with link text that adequately
describes the link destination. Link text, along with headings, is one of the items that stands out to
screen magnifier users (and all users for that matter) when browsing a web page. If ‘click here' is used
then these users (and in fact all users) will have to search through the text before and after the link in
order to work out its destination.




5. Avoid scrolling or flashing text



Scrolling or flashing text is generally known for offering poor usability, as it means that users can't read
the text in their own time. This is doubly true for screen magnifier users who read web pages at a slower
rate - chances are that they won't have time to read the text at all before it disappears.
6. Front-load paragraph content



By front-loading paragraph content, screen magnifier users can access the main point of each paragraph
immediately. Front-loading means placing the conclusion first, followed by the what, why, when, where
and how. By placing the conclusion first, screen magnifier users can read the conclusion of the
paragraph straightaway and then decide whether they are interested in reading the rest of the
paragraph or not.



If screen magnifier users aren't interested in the content of a paragraph, they can move the magnifier
down the screen and when they see white space they know that the paragraph has ended and the next
paragraph begun.



This rule about front-loading paragraph content actually benefits absolutely everyone. By putting the
conclusion at the start of the paragraph, all users can instantly gain an understanding of the point of the
paragraph and decide whether they want to keep reading it (or skip to the next paragraph).




Conclusion



All-in-all, there are quite a few things that can be done to improve usability and accessibility for screen
magnifier users. The good news though is that all of them improve usability for absolutely everyone.




Hiring a web designer to come up with the custom solution that you need can set you back a few
thousand bucks. But you can do the whole thing yourself and make it drag and drop simple for mere
pennies with a tool like Breezy Websites. See http://breezywebsites.com for details!


Best designed websites : End of Part II
Web Accessibility: What You Should Know

Overview



There is a lot of talk these days with regard to proper development practices and accessible web design.
If you don’t think any of this applies to you or your website, you probably don’t understand exactly what
this is all about. Web Accessibility refers to the practice of creating websites that will be useable for
people of any ability or disability. Many things come into play when accounting for a person’s eye sight,
mobility, auditory and logic skills.



Too many web development companies overlook the importance of coding a website in meaningful
HTML. Utilities for blind users, such as text-to-speech software, make use of alternate text for images
and properly named links. Another downside to overlooking proper HTML lies with the robots search
engines send out to read your website. These computers that browse the internet by themselves can
learn a lot more about your website, and get a lot deeper into your site when they aren’t confused by
poor coding practices.



Many people have difficulty controlling a mouse with precision, and can become frustrated while
attempting to select a small link. Web designers need to allow for enlargeable text sizes and create
larger clickable areas whenever possible. Links should always be styled and colored different than body
text so that even color blind users can quickly locate the links on any web page. Pages can even be
coded in a fashion that allows them to be navigated without a mouse or keyboard should your audience
be likely to require this.



No website should ever rely solely on a video or audio component to convey information. Problems here
extend farther than those who are hard of hearing or have poor eyesight. You are relying on certain
hardware and or software to be installed on the visitor’s computer. If a user has no speakers, or if they
are turned off, they could miss your important message or even be annoyed if they were listening to
something else. Visitors are valuable and you should never do anything to encourage them to leave
your site quickly.



Aside from looking tacky, flashing effects are to be avoided to ensure those sensitive to seizures are not
at risk. Content is both more effective and better understood by those with developmental and learning
disabilities when it is written in plain text.
The Web Accessibility Initiative



The WAI started in 1999 by the World Wide Web Consortium and is viewed as the standard set of
guidelines for creating accessible websites. Although there has been some criticism of their guidelines
they have been working since 2003 to release the second edition of accessibility standards which will be
much more technology-neutral. This will leave more room for interpretation and adaptability.



The guide goes into great depth on how to create accessible web content and includes a checkpoint
summary by topic and priority. They discuss important issues and provide design solutions for a number
of scenarios that cause conflicts.



The Future of Accessibility



We are at a point now where there is no doubt accessibility is important, in fact it is already a legal
requirement in certain countries. Try searching Google for anything along the lines of ‘web accessibility’
and you’ll see the vast amounts of information available. There’s still a lot of work to be done, but
we’ve come a long way over the last few years.



With more and more websites being populated with user generated content, a simple set of guidelines
for web designers is becoming less useful. It is impossible to monitor this content for accessibility as it is
being created at such a rapid rate. We are also seeing new assistive technologies that support elements
like JavaScript, PDF’s and Flash which will create many new options for websites that remain fully
accessible.



Hiring a web designer to come up with the custom solution that you need can set you back a few
thousand bucks. But you can do the whole thing yourself and make it drag and drop simple for mere
pennies with a tool like Breezy Websites. See http://breezywebsites.com for details!


Best designed websites : End of Part III

Contenu connexe

En vedette (11)

Kisah abu dahdah
Kisah abu dahdahKisah abu dahdah
Kisah abu dahdah
 
№115 (04_2014)
№115 (04_2014)№115 (04_2014)
№115 (04_2014)
 
№113 (2014)
№113 (2014)№113 (2014)
№113 (2014)
 
№120 (09_2014)
№120 (09_2014)№120 (09_2014)
№120 (09_2014)
 
Catatan Parenting: Strategi 1 fokus pada solusi
Catatan Parenting: Strategi 1 fokus pada solusiCatatan Parenting: Strategi 1 fokus pada solusi
Catatan Parenting: Strategi 1 fokus pada solusi
 
Kata kata positif dalam mendidik Anak
Kata kata positif dalam mendidik AnakKata kata positif dalam mendidik Anak
Kata kata positif dalam mendidik Anak
 
2013_8
2013_82013_8
2013_8
 
#110 (2013)
#110 (2013)#110 (2013)
#110 (2013)
 
2013_4
2013_42013_4
2013_4
 
№111 (2013)
№111 (2013)№111 (2013)
№111 (2013)
 
Meraih hidup bahagia cet 2
Meraih hidup bahagia cet 2Meraih hidup bahagia cet 2
Meraih hidup bahagia cet 2
 

Dernier

Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 

Dernier (20)

Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 

Best designed websites

  • 1. Best designed websites : Part I Web Design Web Design does not necessarily have to be as complicated as it may seem. With a little ingenuity and some creative work a website with a clever web design can take form. To get started one must think about what they like best about other websites. What is it that they have that your website doesn’t have? What is so special about their site that brings in so much traffic? If you are looking to have a web design that has great graphics and visual effects that will catch a viewers eye then the first step is to find a template that matches your desired web design. A template is the first step to a web design, it is you skeleton if you will. Finding a template that has all that you want plus the graphics that may suit you best is not too difficult. It just requires you to spend some time on the internet searching through the hundreds of companies that offer template services. In one of those companies you are bound to find something that you like. Not to mention that with the use of a template you can have a uniform professional web design. Once you have the template picked there is that pesky matter of the content on your web page. A reader will not want to read something that makes them feel that they are reading a school textbook. They are going to want something that is entertaining and feels enjoyable to read. Easy navigation through the web design will aid in the viewers ease through out the website making it user friendly and pleasant. To do this make room for navigation cues that are on the website directly and in a logical place on the page. For example it is best to have the navigation cues at the top or the bottom of the page as opposed to the middle of the page. Don’t forget about HTML. That code that does wonders for any website that it is put on. HTML can aid in the efficiency of a web design and help to produce a much more attractive web page. It will can also add to the entertainment of the content by adding color, changing size etc. Putting all of this together may seem a lot at first. However, breaking it down step by step in the web design process will make designing that website easy, fast and more efficient bringing in the desired traffic. With just a little time you web design can be a fun creative endeavor. <A HREF="http://www.jatech.ca/">Jatech</A>
  • 2. Hiring a web designer to come up with the custom solution that you need can set you back a few thousand bucks. But you can do the whole thing yourself and make it drag and drop simple for mere pennies with a tool like Breezy Websites. See http://breezywebsites.com for details! Best designed websites : End of Part I Web accessibility for screen magnifier users The needs of screen magnifier users are overlooked when implementing web accessibility on to a website. Screen magnifiers are used by partially sighted web users to increase the size of on-screen elements. Some users will magnify the screen so that only three to four words are able to appear on the screen at any one time. You can try using a screen magnifier yourself by downloading the Zoomtext screen magnifier from http://www.aisquared.com/Products/ZoomText8_mag/FreeTrial/Z8FreeTrial.htm for a free 30 day trial. The good news is that some of the basic principles for improving accessibility and usability for screen magnifiers users, also increase usability for everyone. To help, we've listed six ways to improve accessibility and usability for screen magnifier users: 1. Don't embed text within images Text embedded within images can become blurry and pixelated when viewed in screen magnifiers, and therefore completely illegible. This is especially true when the image text is rather poor quality, so if you absolutely have to embed text within images then make sure the image is of high quality. Many screen magnifier users can find it quite difficult to read text at the best of times, so when it appears fuzzy to them it can become difficult to impossible to read. It's not usually necessary to embed text within images anymore, as most presentational effects can now be achieved with CSS. By embedding text within images the download time of each page can become
  • 3. significantly greater due to the weight of these images - for users on dial-up modems it can be a real pain waiting for these images to download and render. If you're not sure if a piece of text on the page is embedded within an image or not, try highlighting the text. If you can highlight each letter individually then the text is real text and isn't embedded within an image. 2. Clearly separate sections of the page Different sections of each web page should be clearly separated through the use of borders and different background colours. Screen magnifiers users can only see one tiny section of a web page at any one time so it can sometimes be hard for these users to orientate themselves within the page. By using a blue background colour for the navigation, for example, screen magnifier users can quickly move through the page and when they see a blue background they instantly know that the content are has finished and the navigation area begun. Likewise, by separating different sections of the page with borders, when a screen magnifier user moves over that border they know they're moving into a different section. One especially common form of this, is using a vertical bar to separate horizontal navigation items. Separating different sections of the page with background colours and borders doesn't only increase usability for screen magnifier users - it increases usability for everyone. When regularly sighted users scan through a web page, if the content, footer and navigation are all effectively differentiated it's very easy to quickly gain an understanding of the on-page layout. 3. Use clear and descriptive headings often
  • 4. When screen magnifier users move their magnifier across the screen one of the items that stand out to them is headings. By ensuring heading text is large, and perhaps by differentiating it through the use of colour, it will stand out to these users. Screen magnifier users usually have to stop the movement of the magnifier when they want to read a piece of text, so when they see a heading, they can stop and read it. Because headings (in theory at least!) describe the content contained beneath them, screen magnifier users can read a heading, gain an understanding of the content beneath it, and decide whether they want to read that content or not. If not, they can simply move the magnifier down the screen and stop at the next heading. Headings are incredibly useful for fully sighted users too for essentially the same reason. When you scan through a web page, headings are one of the items that stand out to you. Again, you can read the heading (or listen to it for a screen reader user), and provided its descriptive, instantly gain an understanding of the content beneath it. You can then keep reading or skip on to the next heading down the page. 4. Ensure link text is descriptive of its destination Link text such as ‘click here' and ‘more' should be avoided and replaced with link text that adequately describes the link destination. Link text, along with headings, is one of the items that stands out to screen magnifier users (and all users for that matter) when browsing a web page. If ‘click here' is used then these users (and in fact all users) will have to search through the text before and after the link in order to work out its destination. 5. Avoid scrolling or flashing text Scrolling or flashing text is generally known for offering poor usability, as it means that users can't read the text in their own time. This is doubly true for screen magnifier users who read web pages at a slower rate - chances are that they won't have time to read the text at all before it disappears.
  • 5. 6. Front-load paragraph content By front-loading paragraph content, screen magnifier users can access the main point of each paragraph immediately. Front-loading means placing the conclusion first, followed by the what, why, when, where and how. By placing the conclusion first, screen magnifier users can read the conclusion of the paragraph straightaway and then decide whether they are interested in reading the rest of the paragraph or not. If screen magnifier users aren't interested in the content of a paragraph, they can move the magnifier down the screen and when they see white space they know that the paragraph has ended and the next paragraph begun. This rule about front-loading paragraph content actually benefits absolutely everyone. By putting the conclusion at the start of the paragraph, all users can instantly gain an understanding of the point of the paragraph and decide whether they want to keep reading it (or skip to the next paragraph). Conclusion All-in-all, there are quite a few things that can be done to improve usability and accessibility for screen magnifier users. The good news though is that all of them improve usability for absolutely everyone. Hiring a web designer to come up with the custom solution that you need can set you back a few thousand bucks. But you can do the whole thing yourself and make it drag and drop simple for mere pennies with a tool like Breezy Websites. See http://breezywebsites.com for details! Best designed websites : End of Part II
  • 6. Web Accessibility: What You Should Know Overview There is a lot of talk these days with regard to proper development practices and accessible web design. If you don’t think any of this applies to you or your website, you probably don’t understand exactly what this is all about. Web Accessibility refers to the practice of creating websites that will be useable for people of any ability or disability. Many things come into play when accounting for a person’s eye sight, mobility, auditory and logic skills. Too many web development companies overlook the importance of coding a website in meaningful HTML. Utilities for blind users, such as text-to-speech software, make use of alternate text for images and properly named links. Another downside to overlooking proper HTML lies with the robots search engines send out to read your website. These computers that browse the internet by themselves can learn a lot more about your website, and get a lot deeper into your site when they aren’t confused by poor coding practices. Many people have difficulty controlling a mouse with precision, and can become frustrated while attempting to select a small link. Web designers need to allow for enlargeable text sizes and create larger clickable areas whenever possible. Links should always be styled and colored different than body text so that even color blind users can quickly locate the links on any web page. Pages can even be coded in a fashion that allows them to be navigated without a mouse or keyboard should your audience be likely to require this. No website should ever rely solely on a video or audio component to convey information. Problems here extend farther than those who are hard of hearing or have poor eyesight. You are relying on certain hardware and or software to be installed on the visitor’s computer. If a user has no speakers, or if they are turned off, they could miss your important message or even be annoyed if they were listening to something else. Visitors are valuable and you should never do anything to encourage them to leave your site quickly. Aside from looking tacky, flashing effects are to be avoided to ensure those sensitive to seizures are not at risk. Content is both more effective and better understood by those with developmental and learning disabilities when it is written in plain text.
  • 7. The Web Accessibility Initiative The WAI started in 1999 by the World Wide Web Consortium and is viewed as the standard set of guidelines for creating accessible websites. Although there has been some criticism of their guidelines they have been working since 2003 to release the second edition of accessibility standards which will be much more technology-neutral. This will leave more room for interpretation and adaptability. The guide goes into great depth on how to create accessible web content and includes a checkpoint summary by topic and priority. They discuss important issues and provide design solutions for a number of scenarios that cause conflicts. The Future of Accessibility We are at a point now where there is no doubt accessibility is important, in fact it is already a legal requirement in certain countries. Try searching Google for anything along the lines of ‘web accessibility’ and you’ll see the vast amounts of information available. There’s still a lot of work to be done, but we’ve come a long way over the last few years. With more and more websites being populated with user generated content, a simple set of guidelines for web designers is becoming less useful. It is impossible to monitor this content for accessibility as it is being created at such a rapid rate. We are also seeing new assistive technologies that support elements like JavaScript, PDF’s and Flash which will create many new options for websites that remain fully accessible. Hiring a web designer to come up with the custom solution that you need can set you back a few thousand bucks. But you can do the whole thing yourself and make it drag and drop simple for mere pennies with a tool like Breezy Websites. See http://breezywebsites.com for details! Best designed websites : End of Part III