לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי         אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #4  
ישן 14-05-2016, 20:06
צלמית המשתמש של MatiM
  משתמש זכר MatiM MatiM אינו מחובר  
 
חבר מתאריך: 12.04.06
הודעות: 2,021
שלח הודעה דרך MSN אל MatiM
בתגובה להודעה מספר 3 שנכתבה על ידי Nati323 שמתחילה ב "אוקיי אבל article לא אמור..."

לא סתם שמתי קישורים עם הסברים נוספים.

ציטוט:
article לא אמור לייצג מאמר ממקור אחר שהוא לא האתר הנוכחי?
איך הוא מתאים פה בתור הורדה (הקישור מוביל לדף באתר שלי)


לא ברור לי מאיפה הבאת את זה.

ציטוט:
למה להשתמש בכותרות? לשמות של התוכנה?


אממ...לכותרות?
"קטגוריות", "מומלצים", כותרות ההורדות...
כל אלה נראים לי כמו כותרות.

יש כאלה שישתמשו בתגיות h1-h6 רק לכותרות משמעותיות בעמוד,
שוב, העדפה של מתכנתים.

ציטוט:
ולגבי עניין הנגישות למה התכוונת למונגש לנכים או סתם נגישות?


נגישות משמע לאנשים בעלי מוגבלויות (כבדי ראיה/שמיעה וכו').

ציטוט:
מה זה label


http://www.w3schools.com/tags/tag_label.asp



ה-label היה רק דוגמא.
נגישות זה נושא רחב יותר, ציינתי את זה רק כי כדאי להכיר בזה.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 14-05-2016, 20:22
צלמית המשתמש של Nati323
  משתמש זכר Nati323 Nati323 אינו מחובר  
 
חבר מתאריך: 25.10.05
הודעות: 1,273
בתגובה להודעה מספר 4 שנכתבה על ידי MatiM שמתחילה ב "לא סתם שמתי קישורים עם הסברים..."

ציטוט:
במקור נכתב על ידי MatiM

לא ברור לי מאיפה הבאת את זה.

קראתי ככה באיזה אתר, devschool אם אתה מכיר
בכל מקרה בw3 לא כתוב ככה אז כנראה שאני אשתמש בזה בכל מקרה

ציטוט:
במקור נכתב על ידי MatiM
אממ...לכותרות?
"קטגוריות", "מומלצים", כותרות ההורדות...
כל אלה נראים לי כמו כותרות.

יש כאלה שישתמשו בתגיות h1-h6 רק לכותרות משמעותיות בעמוד,
שוב, העדפה של מתכנתים.

סבבה הבנתי אני אשתמש
אגב זה סבבה לעשות כותרת ולשחק עם המאפיינים שלה גדול גודל מודגש וכו'?

ציטוט:
במקור נכתב על ידי MatiM
נגישות משמע לאנשים בעלי מוגבלויות (כבדי ראיה/שמיעה וכו').



http://www.w3schools.com/tags/tag_label.asp



ה-label היה רק דוגמא.
נגישות זה נושא רחב יותר, ציינתי את זה רק כי כדאי להכיר בזה.

א) מה label קשור לחיפוש? ממה שקראתי עכשיו הוא רק מאפשר ללחוץ על יותר שטח בשביל ה input control מה זה יעזור בטאב חיפוש

ב) יש לך מדריך טוב לנגישות לנכים? בכל זאת צריך להכיר את זה בגלל החוק החדש
_____________________________________
[

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 14-05-2016, 21:18
צלמית המשתמש של MatiM
  משתמש זכר MatiM MatiM אינו מחובר  
 
חבר מתאריך: 12.04.06
הודעות: 2,021
שלח הודעה דרך MSN אל MatiM
בתגובה להודעה מספר 5 שנכתבה על ידי Nati323 שמתחילה ב "[QUOTE=MatiM] לא ברור לי..."

ציטוט:
אגב זה סבבה לעשות כותרת ולשחק עם המאפיינים שלה גדול גודל מודגש וכו'?


כן.


ציטוט:
א) מה label קשור לחיפוש? ממה שקראתי עכשיו הוא רק מאפשר ללחוץ על יותר שטח בשביל ה input control מה זה יעזור בטאב חיפוש


מה זה label

- אם תמחק את התמונה של הזכוכית-מגדלת, מישהו יבין שמדובר בשדה חיפוש?
- אם תסיר את העיצוב של הדף, ויופיע לך סתם שדה טקסט. תבין שזה מיועד לחיפוש?

בשביל זה צריך label. כדי שבמכשירים/בדפדפנים הרלוונטיים, יופיע טקסט שיסביר מה המשמעות של השדה.

מתייחסים לזה בעיקר בטפסים. אבל אני לא רואה הבדל בין שדה חיפוש, לטופס אחר.

*אם אתה שואל, placeholder זה כדי לתת דוגמא לסוג הערך / הפורמט שצריך להזין בשדה.


ציטוט:
ב) יש לך מדריך טוב לנגישות לנכים? בכל זאת צריך להכיר את זה בגלל החוק
החדש


http://www.nagish.org.il

לא הכי טוב, אבל לא מכיר משהו אחר.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #12  
ישן 17-05-2016, 12:16
צלמית המשתמש של MatiM
  משתמש זכר MatiM MatiM אינו מחובר  
 
חבר מתאריך: 12.04.06
הודעות: 2,021
שלח הודעה דרך MSN אל MatiM
בתגובה להודעה מספר 11 שנכתבה על ידי קוביבי שמתחילה ב "אבל יש לך דוגמה לפלייסהולדר..."

ציטוט:
וזה תחליף די טוב, אני חושב שזה סוג של סטנדרט כבר, ובינינו - אם ידעת שהלייבל בתוך השדה כשאין מידע ושכחת מה מטרת השדה (וגם אם לא) -
בכול מקרה תמחק הכול, לא יודע איך זה אצל אחרים אבל לי כמשתמש זה אחד הדברים שאני מנסה כדי לנחש מה מטרת שדה הטקסט


סורי, אבל זה לא "סטנדרט" לפי התקן.

placeholder
קוד:
The placeholder attribute represents a short hint (a word or short phrase) intended to aid the user with data entry. A hint could be a sample value or a brief description of the expected format. The placeholder attribute should not be used as an alternative to a label.



לעומת זאת, label
קוד:
The label element represents a caption for a form control.




אם נקח את הדוגמא של שדה החיפוש בשאלה של Nati323 -

אפשרות 1, התמונה היא נפרדת משדה החיפוש, אז במכשירים המתאימים אפשר פשוט להחליף את התמונה בטקסט.

משהו כזה למשל,
קוד:
<label> <div class="search_icon" aria-hidden="true"> <!-- add icon with img or background-image or icons-font --> </div> <span class="sr-only">חיפוש</span> <input type="text" placeholder="מה לחפש?" /> </label>


** sr-only זה מאפיין של bootstrap. כתבתי את זה רק בשביל הנוחות, להציג את המטרה.


אפשרות 2, התמונה היא כרקע בשדה חיפוש, אז כמו שכתבתי לפני כמה הודעות, אפשר פשוט להשתמש במאפיין aria-label, אם אין מקום אחר שאפשר להשתמש ב label.

קוד:
<input type="text" aria-label="חיפוש" placeholder="מה לחפש?" />




** בכל מצב, יש איזשהו סימן זיהוי מה משמעות השדה.
לא רואה סיבה לשים שדה טקסט שבשלב מסויים צריך לנחש את המשמעות שלו או להתאמץ כדי לגלות אותה.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה


נערך לאחרונה ע"י MatiM בתאריך 17-05-2016 בשעה 12:20.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #13  
ישן 19-05-2016, 13:35
צלמית המשתמש של קוביבי
  משתמש זכר קוביבי קוביבי אינו מחובר  
מנהל פורום מערכות הפעלה - הרובע המייקרוסופטי.
 
חבר מתאריך: 07.10.04
הודעות: 13,777
LinkedIn profile
בתגובה להודעה מספר 12 שנכתבה על ידי MatiM שמתחילה ב "[QUOTE]וזה תחליף די טוב, אני..."

אתה יודע שסטנדרטים לא נוצרים בהכרח מהגדרת תקן אלא הרבה לפני (HTML5 לדוגמה) וכתוצאה משימוש.
אני לא מפתח web ולא פתחתי ux מעולם, אני אמרתי, כמשתמש, מה נוח לי.
כשהמסך קטן, ואין מקום ליותר מידי דברים על המסך, אני מעדיף לשלב קונטרולרים, אתה רוצה לתת פירוט? תוסיף את הסימן שאלה הזה שבלחיצה עליו ייקפוץ לך floating div עם הסבר (או בhover אם יש לך עכבר), אולי אפילו תקצה שטח קטן שיראה לך מה להזין בשדה שיש עליו פוקוס במקום לשים label לכול שדה, המטרה היא פשוטה - להשאיר יותר מקום למשהו פונקציונאלי.

אני לא אומר שהפתרון שלך לא נכון או פחות טוב (כנראה שזה לא המצב), אני כן מציג את הדיעה שלי.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +3. השעה כעת היא 04:28

הדף נוצר ב 0.29 שניות עם 12 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2019 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר