חדש ב-Chrome 127

דברים שעליך לדעת:

  • font-size-adjust עוזרת לשפר את הקריאוּת של גופנים חלופיים.
  • עכשיו, הפעלות של משתמשים מופצות בין מסמכים במצב 'תמונה בתוך תמונה' לבין הפתיחה שלהם.
  • קונטיינרים של גלילה ניתנים עכשיו למיקוד במקלדת כברירת מחדל.
  • ויש עוד הרבה.

אני אדריאנה ג'ארה. נצלול פנימה ונראה מה חדש למפתחים בגרסה 127 של Chrome.

CSS font-size-adjust

יכול להיות שהקריאוּת של האתר תיפגע אם משפחת הגופנים שבחרתם לא זמינה, ויחס הגובה-רוחב של הגופן החלופי שונה באופן משמעותי.

בתמונה הבאה מוצג ההבדל בין הגופנים Verdana ו-Times, למרות שהטקסט באותו גודל.

שורות טקסט עם הכיתוב: 'This text uses the verdana font (14px), which has relatively large lowercase letters' ו-'This uses Times font (14px), which is hard to read in small sizes'

אם האתר שלכם יעבור לגופן Times, יהיה הרבה יותר קשה לקרוא אותו.

מאפיין ה-CSS font-size-adjust עוזר לשנות את גודל הגופן של גופנים חלופיים כדי לשמור על עקביות בערך הגובה-רוחב (גובה של אותיות קטנות חלקי גודל הגופן) כדי להבטיח שהטקסט ייראה דומה ללא קשר לגופן שבו נעשה שימוש.

בתמונה הבאה, השימוש ב-font-size-adjust שומר על הקריאוּת של הגופנים Verdana ו-Times.

   font-size-adjust: 0.545;

שורות טקסט עם הכיתוב 'This text uses the verdana font (14px), which has relatively large lowercase letters' (הטקסט הזה כתוב בגופן Verdana (14px), עם אותיות קטנות יחסית), 'This uses Times font (14px), which is hard to read in small sizes' (הטקסט הזה כתוב בגופן Times (14px), שקשה לקרוא אותו בגדלים קטנים) ו-'This text in 14px Times font is adjusted to the same aspect value as the Verdana font, so lowercase fonts are normalized across the two fonts' (הטקסט הזה כתוב בגופן Times בגודל 14px, והוא מותאם לאותו ערך יחס גובה-רוחב כמו הגופן Verdana, כך שאותיות קטנות הן באותו גודל בשני הגופנים).

עם ההשקה של font-size-adjust ב-Chrome, התכונה הזו זמינה עכשיו ב-Baseline. פרטים נוספים זמינים במאמר התכונה font-size-adjust ב-CSS זמינה עכשיו ב-Baseline.

התכונה 'תמונה בתוך תמונה' במסמכים: העברת הפעלת משתמשים

ממשק ה-API של מסמך 'תמונה בתוך תמונה' מפיץ עכשיו הפעלות של משתמשים בין חלון 'תמונה בתוך תמונה' של המסמך לכלי הפתיחה שלו.

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

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

מידע נוסף זמין במאמר תצוגת 'תמונה בתוך תמונה' לכל רכיב, לא רק ל-<video>.

קונטיינרים של גלילה ניתנים למיקוד במקלדת.

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

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

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

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

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

מידע נוסף זמין במאמר בנושא גלילות שניתן להתמקד בהן במקלדת

ועוד.

כמובן שיש עוד הרבה.

  • עכשיו אפשר לבצע מעברים בו-זמניים בין תצוגות של אותו מסמך בפריים הראשי וב-iframe מאותו מקור.

  • טקסט חלופי שנוצר מתוכן בשירות CSS תומך עכשיו בכמה ארגומנטים.

  • חלונית הביצועים ב-DevTools מתעדת עכשיו אירועים של הודעות WebSocket ומציגה אותם בנתיב הביצועים.

הערות מוצר מלאות

קריאה נוספת

הסקירה הזו כוללת רק כמה נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים בגרסה 127 של Chrome.

להרשמה

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

שלום אדריאנה ג'ארה, וברגע ש-Chrome 127 יושק, אני כאן כדי לספר לך מה חדש ב-Chrome!