Blink element

From Wikipedia, the free encyclopedia

The blink element is a non-standard presentational HTML element that indicates to a user agent (generally a web browser) that the page author intends the content of the element to blink (that is, alternate between being visible and invisible). The element was introduced in Netscape Navigator and has some support in other web browsers, but is absent in Internet Explorer.

Despite the element being initially popular amongst personal homepages, it has since fallen out of favor due to its overuse and the difficulty it presents in reading. The tag achieved notoriety for being extremely user-unfriendly and epitomized many websites when the Internet first received limited popularity amongst home users.

The inventor of the blink tag, Lou Montulli, has said repeatedly in interviews that he considers the blink tag to be "The worst thing I've ever done for the Internet."[citation needed]

Contents

[edit] Usage syntax

The blink element is non-standard, and as such there is no authoritative specification of its syntax. While Bert Bos of the World Wide Web Consortium has produced a Document Type Definition that includes syntax for the blink element (defining it as a phrase element on a par with elements for emphasis and citations), the comments in the DTD explain that it is intended as a joke.[1]

Usage of the blink element type is identical to such HTML standard inline element types as bold (<b></b>), underline (<u></u>), or italics (<i></i>), with the opening tag preceding the text the user wishes to blink, and the closing tag following. In a text-based HTML editor, proper usage of the blink element type would be as so: <blink>This text would blink in compatible browsers</blink>.

An illustration of the <blink> element in action
An illustration of the <blink> element in action

The blink value of the CSS text-decoration property allows authors to suggest that text should blink, but the CSS 2.1 Specification states that "conforming user agents may simply not blink the text" in order to comply with the User Agent Accessibility Guidelines.[2]

The rate of blinking is browser-specific. In Mozilla Firefox the text alternates between being visible for three quarters of a second and being invisible for one quarter of a second.[3]

The blink element type was first invented for Netscape Navigator and is still supported in its descendants, such as Mozilla Firefox (except for the Netscape 6 and early Mozilla suite browsers). It is also supported by the Opera Internet Browser. Microsoft's Internet Explorer does not support it, even in its CSS incarnation.

[edit] Usability and accessibility issues

The blink element has been consistently criticised by usability and accessibility experts. In 1996 Jakob Nielsen described the element as "simply evil" in his Alertbox column Top Ten Mistakes in Web Design.[4] The World Wide Web Consortium's Web Content Accessibility Guidelines 1.0 state that content authors should avoid causing the screen to flicker or blink, noting that such effects can cause problems for people with cognitive disabilities or photosensitive epilepsy.[5] The German Federal Government's Barrierefreie Informationstechnik-Verordnung (Barrier-free Information Technology Ordinance) also states that flickering or blinking content should be avoided.[6] The United States Federal Government's Section 508 states that pages should avoid causing the screen to flicker with a frequency between 2 Hz and 55 Hz, a range which covers rapidly blinking text.[7]

To comply with the User Agent Accessibility Guidelines a user agent must either "allow configuration to render animated or blinking text content as motionless, unblinking text" or never blink text.[8] Mozilla Firefox satisfies this requirement by providing a hidden configuration option to disable blinking.[3]

[edit] See also

[edit] References

  1. ^ Bert Bos, "HTML40-plus-blink.dtd", World Wide Web Consortium, http://www.w3.org/Style/HTML40-plus-blink.dtd (accessed 2006-12-12)
  2. ^ Cascading Style Sheets Working Group , "Cascading Style Sheets, level 1", World Wide Web Consortium, http://www.w3.org/TR/CSS21/text.html (accessed 2006-12-12)
  3. ^ a b Mozilla Corporation, "Voluntary Product Accessibility Template", Mozilla Corporation, http://www.mozilla.com/en-US/firefox/vpat.html (accessed 2006-12-13)
  4. ^ Jakob Nielsen, "Top Ten Mistakes in Web Design", Nielsen Norman Group, http://www.useit.com/alertbox/9605a.html (accessed 2006-12-12)
  5. ^ Web Content Accessibility Guidelines Working Group, "Web Content Accessibility Guidelines 1.0", World Wide Web Consortium, http://www.w3.org/TR/WCAG10/ (accessed 2006-12-12)
  6. ^ German Federal Government, "BITV - Einzelnorm", Bundesministerium der Justiz, http://bundesrecht.juris.de/bitv/anlage_8.html (accessed 2006-12-14)
  7. ^ United States Federal Government, "Section 508 Standards", Section508.gov, http://www.section508.gov/index.cfm?FuseAction=Content&ID=12 (accessed 2006-12-14)
  8. ^ User Agent Accessibility Guidelines Working Group, "2. The user agent accessibility guidelines", World Wide Web Consortium, http://www.w3.org/TR/UAAG/guidelines.html (accessed 2006-12-13)

[edit] External links