Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Input fields labels [2h] #87

Open
noamoss opened this issue Oct 4, 2020 · 1 comment
Open

Input fields labels [2h] #87

noamoss opened this issue Oct 4, 2020 · 1 comment
Assignees

Comments

@noamoss
Copy link
Contributor

noamoss commented Oct 4, 2020

  • יש לספק תוויות טקסטואליות המקושרות לפקד להזנת קלט

    image

    <label for="Full_name">שם:</label>
    <input id="Full_name" type="text" autocomplete="name" aria-required="true"> 
    

    image

    <label for="Phone">מספר טלפון:</label>
    <input id="Phone" type="tel" autocomplete="tel"> 
    

    image

    <label for="Email">אימייל:</label>
    <input id="Email" type="email" autocomplete="email"> 
    

    image

    <label for="Whatsapp">וואטסאפ:</label>
    <input id="Whatsapp" type="tel" autocomplete="whatsapp"> 
    

    image

    <label for="Facebook">פייסבוק:</label>
    <input id="Facebook" type="text" autocomplete="facebook"> 
    

    image

    <label for="Complaint_type">סוג התלונה:</label>
    <input id="Complaint_type" type="text"> 
    

    image

    <label for="Offender">מושא התלונה:</label>
    <input id="Offender" type="text"> 
    

    image

    <label for=""Event_description">תיאור המקרה:

    <textarea id=""Event_description"></textarea>

    image

    <label for="Event_location">מיקום הארוע</label>
    <input id="Event_location" type="text">
    

    image

    <label for="Offender_details">מידע נוסף על מושא התלונה</label>
    <textarea id="Offender_details"></textarea> 
    

    image

    <label for="Offender_person_details">פרטים אישיים של מושא התלונה</label>
    <input id="Offender_person_details" type="text">
    

    image

    <label for="Offender_organization">שם המוסד או הארגון</label>
    <input id="Offender_organization" type="text">
    

    image

    <label for="Offender_organization_category">סוג המוסד או הארגון</label>
    <input id="Offender_organization_category" type="text">
    

    image

    <label for="Offender_organization_details">פרטי הקשר עם המוסד או הארגון</label>
    <input id="Offender_organization_details" type="text">
    

    image

    <label for="name">השירות שביקש/ה</label>
    <input id="requested_service" type="text">
    
  • השיטה של Place Holder איננה תיקנית

    might consider using hidden labels see here for further details.

also, need to adjust the placeholder style, following this style example


2.4.6 [Headings and Labels AA
WebAIM: Creating Accessible Forms - General Form Accessibility
WebAIM: Accessible Form Controls

@noamoss noamoss self-assigned this Oct 4, 2020
@noamoss noamoss changed the title Input fields labels Input fields labels [2h] Oct 8, 2020
@noamoss
Copy link
Contributor Author

noamoss commented Oct 8, 2020

@akariv please verify/update my TE.

@noamoss noamoss assigned akariv and unassigned noamoss Oct 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants