Week 6: The Widgets and Accessibility

This Weeks Learning Goals are…

  • Widgets vs. Plug‐ins: What’s the Difference?
  • Using Widgets
  • Using Plug‐ins
  • Upgrading Plug‐ins
  • Usability

Here I am given a source to look at for this week and these are areas that a developer can concentrate upon to increase usability on web site. The Assignment this week are Lab 6, Phase 1, and The Extra Credit.

What is to do is show are understanding in these areas

The Homepage (Chapter 5)

  • 5:1 Enable Access to the Homepage
  • 5:2 Show All Major Options on the Homepage
  • 5:3 Create a Positive First Impression of Your Site
  • 5:4 Communicate the Web Site’s Value and Purpose
  • 5:5 Limit Prose Text on the Homepage
  • 5:6 Ensure the Homepage Looks like a Homepage
  • 5:7 Limit Homepage Length
  • 5:8 Announce Changes to a Web Site
  • 5:9 Attend to Homepage Panel Width

Page Layout (Chapter 6

  • 6:1 Avoid Cluttered Displays
  • 6:2 Place Important Items Consistently
  • 6:3 Place Important Items at Top Center
    Establish Level of Importance
  • 6:6 Optimize Display Density
  • 6:7 Align Items on a Page
  • 6:8 Use Fluid Layouts
  • 6:9 Avoid Scroll Stoppers
  • 6:10 Set Appropriate Page Lengths
  • 6:11 Use Moderate White Space
  • 6:12 Choose Appropriate Line Lengths
  • 6:13 Use Frames when Functions Must Remain Accessible

Navigation (Chapter 7)

  • 7:1 Provide Navigational Options
  • 7:2 Differentiate and Group Navigation Elements
  • 7:3 Use a Clickable ‘List of Contents’ on Long Pages
  • 7:4 Provide Feedback on User’s Location
  • 7:5 Place Primary Navigation Menus in the Left Panel
  • 7:6 Use Descriptive Tab Labels
  • 7:7 Present Tabs Effectively
  • 7:8 Keep Navigation-Only Pages Short
  • 7:9 Use Appropriate Menu Types
  • 7:10 Use Site Maps
  • 7:11 Use ‘Glosses’ to Assist Navigation
  • 7:12 Breadcrumb Navigation

Scrolling and Paging (Chapter 8)

  • 8:1 Eliminate Horizontal Scrolling
  • 8:2 Facilitate Rapid Scrolling While Reading
  • 8:3 Use Scrolling Pages for Reading Comprehension
  • 8:4 Use Paging Rather Than Scrolling
  • 8:5 Scroll Fewer Screenfuls

Headings, Titles, and Labels (Chapter 9)

  • 9:1 Use Clear Category Labels
  • 9:2 Provide Descriptive Page Titles
  • 9:3 Use Descriptive Headings Liberally
  • 9:4 Use Unique and Descriptive Headings
  • 9:5 Highlight Critical Data
  • 9:6 Use Descriptive Row and Column Headings
  • 9:7 Use Headings in the Appropriate HTML Order
  • 9:8 Provide Users with Good Ways to Reduce Options Headings, Titles, and Labels

Links (Chapter 10)

  • 10:1 Use Meaningful Link Labels
  • 10:2 Link to Related Content
  • 10:3 Match Link Names with Their Destination Pages
  • 10:4 Avoid Misleading Cues to Click
  • 10:5 Repeat Important Links
  • 10:6 Use Text for Links
  • 10:7 Designate Used Links
  • 10:8 Provide Consistent Clickability Cues
  • 10:9 Ensure that Embedded Links are Descriptive
  • 10:10 Use ‘Pointing-and-Clicking’
  • 10:11 Use Appropriate Text Link Lengths
  • 10:12 Indicate Internal vs. External Links
  • 10:13 Clarify Clickable Regions of Images
  • 10:14 Link to Supportive Information

Text Appearance (Chapter 11)

  • 11:1 Use Black Text on Plain, High-Contrast Backgrounds
  • 11:2 Format Common Items Consistently
  • 11:3 Use Mixed-Case for Prose Text
  • 11:4 Ensure Visual Consistency
  • 11:5 Use Bold Text Sparingly
  • 11:6 Use Attention-Attracting Features when Appropriate
  • 11:7 Use Familiar Fonts
  • 11:8 Use at Least 12-Point Font
  • 11:9 Color-Coding and Instructions
  • 11:10 Emphasize Importance
  • 11:11 Highlighting Information

Lists (Chapter 12)

  • 12:1 Order Elements to Maximize User Performance
  • 12:2 Place Important Items at Top of the List
  • 12:3 Format Lists to Ease Scanning
  • 12:4 Display Related Items in Lists
  • 12:5 Introduce Each List
  • 12:6 Use Static Menus
  • 12:7 Start Numbered Items at One
  • 12:8 Use Appropriate List Style
  • 12:9 Capitalize First Letter of First Word in Lists

Screen-Based Controls (Widgets) (Chapter 13)

  • 13:1 Distinguish Required and Optional Data Entry Fields
  • 13:2 Label Pushbuttons Clearly
  • 13:3 Label Data Entry Fields Consistently
  • 13:4 Do Not Make User-Entered Codes Case Sensitive
  • 13:5 Label Data Entry Fields Clearly
  • 13:6 Minimize User Data Entry
  • 13:7 Put Labels Close to Data Entry Fields
  • 13:8 Allow Users to See Their Entered Data
  • 13:9 Use Radio Buttons for Mutually Exclusive Selections
  • 13:10 Use Familiar Widgets
  • 13:11 Anticipate Typical User Errors
  • 13:12 Partition Long Data Items
  • 13:13 Use a Single Data Entry Method
  • 13:14 Prioritize Pushbuttons
  • 13:15 Use Check Boxes to Enable Multiple Selections
  • 13:16 Label Units of Measurement
  • 13:17 Do Not Limit Viewable List Box Options
  • 13:18 Display Default Values
  • 13:19 Place Cursor in First Data Entry Field
  • 13:20 Ensure that Double-Clicking Will Not Cause Problems
  • 13:21 Use Open Lists to Select One from Many
  • 13:22 Use Data Entry Fields to Speed Performance
  • 13:23 Use a Minimum of Two Radio Buttons
  • 13:24 Provide Auto-Tabbing Functionality
  • 13:25 Minimize Use of the Shift Key

Graphics, Images, and Multimedia (Chapter 14)

  • 14:1 Use Simple Background Images
  • 14:2 Label Clickable Images
  • 14:3 Ensure that Images Do Not Slow Downloads
  • 14:4 Use Video, Animation, and Audio Meaningfully
  • 14:5 Include Logos
  • 14:6 Graphics Should Not Look like Banner Ads
  • 14:7 Limit Large Images Above the Fold
  • 14:8 Ensure Web Site Images Convey Intended Messages
  • 14:9 Limit the Use of Images
  • 14:10 Include Actual Data with Data Graphics
  • 14:11 Display Monitoring Information Graphically
  • 14:12 Introduce Animation
  • 14:13 Emulate Real-World Objects
  • 14:14 Use Thumbnail Images to Preview Larger Images
  • 14:15 Use Images to Facilitate Learning
  • 14:16 Using Photographs of People

Writing Web Content (Chapter 15)

  • 15:1 Make Action Sequences Clear
  • 15:2 Avoid Jargon
  • 15:3 Use Familiar Words
  • 15:4 Define Acronyms and Abbreviations
  • 15:5 Use Abbreviations Sparingly
  • 15:6 Use Mixed Case with Prose
  • 15:7 Limit the Number of Words and Sentences
  • 15:8 Limit Prose Text on Navigation Pages
  • 15:9 Use Active Voice
  • 15:10 Write Instructions in the Affirmative
  • 15:11 Make First Sentences Descriptive

Content Organization (Chapter 16)

  • 16:1 Organize Information Clearly
  • 16:2 Facilitate Scanning
  • 16:3 Ensure that Necessary Information is Displayed
  • 16:4 Group Related Elements
  • 16:5 Minimize the Number of Clicks or Pages
  • 16:6 Design Quantitative Content for Quick Understanding
  • 16:7 Display Only Necessary Information
  • 16:8 Format Information for Multiple
%d bloggers like this: