Creating Accessible Forms in Dreamweaver

CREATING ACCESSIBLE FORMS IN DREAMWEAVER

CREATING ACCESSIBLE FORMS IN DREAMWEAVER

THIS PRESENTATION WILL COVER

OUR GOAL TODAY

WHAT ARE FORMS USED FOR?

FORM ELEMENTS

DIFFERENT TEXT OPTIONS

RADIO BUTTONS AND CHECKBOXES

BUTTONS

LIST/MENU

ACCESSIBILITY

KEYBOARD ACCESSIBLE 1

KEYBOARD ACCESSIBLE 2

REQUIRED FIELDS

REQUIRED FIELD CODE

GOOD PRACTICES

CREATING THE FORM

UNDERSTANDING THE FORM SUB-MENU

INSERTING A FORM

F0RM ID - METHOD - ACTION

IMPORTANT ATTIBUTES

INSERT A TEXT FIELD

ITAA FOR TEXT FIELD, ETC

INPUT TAG ACCESSIBILITY ATTRIBUTES -EXTRAS

DIALOG BOX FOR CODE VIEW

INSERTING A TEXT AREA

INSERTING A BUTTON

INSERTING A CHECKBOX AND A RADIO BUTTON

INSERTING A LIST / MENU

FIELDSET ATTRIBUTE

FIELDSET ORIGINAL CODE

FIXING THE CHECKBOXES GROUP CODE 1

FIXING THE CHECKBOXES GROUP CODE 2

CORRECT CODE

MAKING THE FORM WORK

MAKING THE FORM TO WORK

Respons-O-matic CODE

VALIDATING THE FORM

VALIDATING THE FORM

WCAG EXAMPLES

RESOURCES