Navigation

I need some blah generic text here to push down the first list so that it's not squashed by the page navigation! I need some blah generic text here to push down the first list so that it's not squashed by the page navigation! I need some blah generic text here to push down the first list so that it's not squashed by the page navigation! blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

Title

Features

  1. Detected Headers
    1. Title
      1. title element of the page is displayed.
    2. H1
      1. All existing h1 elements of the page is displayed.
  2. Warnings
    1. Missing or empty H1 element
      1. This warning is issued if the page does not have a title element.
      2. This warning is issued when the page has title element if the page does not have any h1 element, or the content of the h1 element is null ("").
    2. H1 is not a subset of the TITLE element
      1. This warning is issued if the page does not have a title element.
      2. This warning is issued when the page has title and h1 elements if the h1 element of the page is not a subset of the title element of the page.
      3. If the page has more than one h1 elements, this warning is issued only if none of the h1 elements is a subset of the title element; if there is one h1 element, among the multiple h1s, that is a subset of the title element, the rest of the h1 elements will not be warned even when they are not a subset of the title element.
  3. Buttons
    1. Close Window
      1. Clicking this button closes the Title dialog box.

Requirements

  1. There is no requirements for this sub-category.

Headings

Features

  1. Box
    1. Selecting an item in the box by clicking will highlight the corresponding heading in the browser.
    2. Column: Level
      1. The levels of all headings of the page are displayed; a h1 element has a level of 1, h2 element 2, h3 element 3, and so on.
    3. Column: Text
      1. The contents of all headings of the page are displayed.
    4. Optional Column: Order
      1. The order in which headings appear on the page is indicated; the first heading appearing will have the order of 1.
  2. Buttons
    1. Sort by Document Order
      1. Clicking this button will carry out same function as clicking the Order column heading; it will toggle the order of display of the content of the box between ascending and descending order of appearance on the page.
    2. Move To
      1. Highlighting an item in the box and clicking this button
        1. closes the Headings dialog box;
        2. shows the heading that corresponds to the selected item in the browser;
        3. and selects the concerned heading in the browser.
      2. Close Window
        1. Clicking this button will close the Headings dialog box.

Menu and Navigation Bars

Identification of List Elements as Navigation Bars

ol and ul elements are identified as navigation bars if 80% of li's have an a tag somewhere (can the language be more precise here? -- see fae rule) (including a nested list).

in uiuc.edu homepage, the image navigation bar is not identified as a navigation bar. Is any image navigation bar identified as navigation bars? if so, what's the condition?

Features

  1. Top box
    1. Selecting an item in the box by clicking
      1. highlights the corresponding navigation bar in the browser;
      2. and activate the bottom box.
    2. Column: Navigation Bar Title
      1. The heading that immediately precedes of a list element that is identified as a navigation bar is displayed.
      2. If the navigation bar list element is not preceded by a heading, the text "(Missing Title)" is displayed.
    3. Optional Column: Order
      1. The order in which the navigation bar list elements appear on the page is displayed; the first list appearing has the order of -1 (error?).
  2. Middle box
    1. The detailed information of the navigation bar item selected in the top box is displayed.
    2. Selecting an item in the box by clicking
      1. highlights the corresponding link text in the broswer;
      2. and activates the Go To URL button.
    3. Column: Link Text
      1. The text enclosed(?) by each a element is displayed.
    4. Column: HREF
      1. The content of href attribute of each a element is displayed.
    5. Optional Column: Number
      1. This column is identical to Order column. (is this true?)
  3. Bottom box
    1.   The title attribute must match the previous level header (H2-H6)
      1. See description in Requirements.
  4. Buttons
    1. Go To URL
    2. Close Window
      1. Clicking this button will close the Menu and Navigation Bars dialog box.

Requirements

  1.   The title attribute must match the previous level header (H2-H6) (should this be in here?)
    1. This warning is issued if the heading that proceeds the navigation bar list element and the title attribute of the navigation bar list element are not identical.
    2. The display area in the top box for the concerned navigation bar list element will turn pink; choosing the navigation bar list element in the display
      1. displays the warning in the bottom box;
      2. and highlights the navigation bar in the browser.

Image Maps

Links

Only a elements with href attribute are considered as links; for example, a elements with only id attribute or onclick event are not displayed in the dialog box. (is this true?)

Features

  1. Box
    1. Selecting an item in the box by clicking
      1. highlights the corresponding navigation bar in the browser; (this doesn't work in blogspot.com; it only works when the link text itself is already visible or position off-screen??)
      2. and activate the bottom box.
    2. Column: Link Text
      1. The text enclosed(?) by each a element is displayed.
      2. If the content of a element is an image, the alt attribute of the img element is displayed; if the alt attribute is not available, this entry is left blank.
    3. Column: Link Title (needed?) - this certainly does not display the title attribute (www.economics.uiuc.edu) (or does it? blogspot.com example) i don't know what it does.
    4. Column: Type (to be revised?) - forget
      1. Web: http://
      2. Web (Secure): https://
      3. Link: sms:(?), javascript
      4. Map Web: Image map?
    5. Column: Order
      1. The order in which the links appear on the page is displayed; the first link appearing has the order of 1.
    6. Column: HREF
      1. The content of href attribute of each a element is displayed.
    7. Optional Column: Relationship (??)
  2. Options
    1. Checkbox: Remove Duplicates (can we somehow show what the (removed) duplicates are?)
      1. If more than one link have the same href attribute, checking this option removes all but the one with the smallest order from the display.
      2. Unchecking the option restores all links that were intially displayed to their places.
  3. Buttons
    1. Move Focus
      1. Selecting an item in the box and clicking this button follows the selected link to the destination of the link.
    2. Go to link
      1. Selecting an item in the box and clicking this button follows the selected link to the destination of the link. (these two seemingly do the same thing)
    3. Close Window
      1. Clicking this button closes the Links dialog box.

Requirements

  1. There is no requirements for this sub-category.

Forms

Features

  1. Forms
    1. Column: Form Title
      1. The title attribute of each form element is displayed.
      2.   See description in Requirements.
    2. Optional Column: Order
      1. The order in which forms appear on the page is indicated; the first form appearing will have the order of 1.
  2. Form Elements
    1. Column: Label
      1. (It seems that there are other "sources" than label element from which this label can come from -- what are they?)
      2. The content of label element that encloses each input, other1, or other2 elements within a form element is displayed.
      3.   See description in Requirements.
    2. Column: Type
      1. (test to see what exactly the types are and how they are displayed)
      2. checkbox
      3. radio button
      4. text field
    3. Column: Current Value
    4. Optional Column: Number
      1. This column is identical to Order column. (is this true?)
    5. Optional Column: Tab Order
    6. Optional Column: Source
      1. The element from which the entry of the Label column originated(?) is displayed.
      2. Possible sources: label, (???)
    7. Fieldset
    8. Checkbox: Show label source
      1. Checking this box will carry out the same function as selecting Source from the Column Option Menu; the Source column that displays where the entry of the Label column originated is added to the display.
  3. Form Warnings
    1.   Missing title attribute on <FORM> tag
      1. See description in Requirements.
  4. Buttons
    1. Focus
    2. Close Window
      1. Clicking this button closes the Forms dialog box.

Requirements

  1.   Missing title attribute on <FORM> tag
    1. This warning is issued if a form element does not have title attribute.
    2. Background of display of the concerned item in the Forms box is colored pink.
  2.   Form element is not associated with label element
    1. (doesn't have warning message)
    2. If input, other1, or other2 elements within a form element is not enclosed by a label element, the text (no label) is displayed in place of the content.
    3. Background of display of the concerned item in the Form Elements box is colored pink.

Data Tables

Features

  1. Data Tables
    1. Column: Title
    2. Optional Column: Order
      1. The order in which tables appear on the page is indicated; the first table appearing will have the order of 1.
  2. Selected Table
    1. Summary
  3. Active Cell
    1. Cell type
    2. Headers
      1. Column: Type
      2. Column: Text
      3. (Column option menu doesn't have anything in it)
    3. Content
  4. Data Table Navigation Buttons
    1. Left
    2. Right
    3. Up
    4. Down
  5. Buttons
    1. Move To

Requirements

  1. There is no requirements for this sub-category.

Langauage Changes

Dialog box title is "list of inline languages" -- does it only show inline declarations?

Features

  1. Box
    1. Column: Language
    2. Column: Tag Name (why are there two?)
    3. Column: Tag Name
    4. Column: Text
    5. Optional Column: Order
      1. The order in which language change declarations appear on the page is indicated; the first declaration appearing will have the order of 1.
  2. Buttons
    1. Move To
    2. Close Window

Frames

Features

  1. Box
    1. Column: Frame Title
    2. Column: HREF
    3. Column: Longdesc
    4. Optional Column: Order
      1. The order in which frames appear on the page is indicated; the first frame appearing will have the order of 1.
  2. Buttons
    1. Open Long Description
    2. Open in New Window
    3. Focus on Frame
    4. Close Window

Access Keys

Features

  1. Box
    1. Column: Key
    2. Column: Tag
    3. Column: Access Key Text
    4. Optional Column: Order
      1. The order in which access keys appear on the page is indicated; the first access key appearing will have the order of 1.
  2. Buttons
    1. Sort by Document Order
    2. Activate
    3. Close Window

HTML Best Practices Requirements