Changed Aura Components

These components have changes.

lightning:checkboxGroup
These accessibility behaviors are new.
  • The <abbr> element now specifies aria-hidden="true" for the asterisk (*) that denotes a required field.
  • A <span> element that contains the "required" assistive text has been added for screen readers.
lightning:clickToDial
A <span> tag that specifies role="link" and aria-disabled="true" has been added for screen readers when the component is in a disabled state.
lightning:combobox
To accommodate high magnification when zoom is greater than 200%, the text label on the combobox wraps to the next line instead of truncates.
lightning:datatable
These accessibility behaviors are new.
  • The button size on the action dropdown of the column header has been increased to 24 px by 24 px to improve the touch target size.
  • Clicking the resize handler on the column header divider now lets you resize without dragging on the column divider. To commit the resize, click anywhere on the page. The column edge tracks your mouse pointer. To exit the click-resize mode without commiting the resize, press the Esc key or tab to remove focus from the column edge. Previously, you could resize a column with your mouse by click-dragging only.
The action type has a new property.
  • alternativeText—Sets the accessible name of the row action trigger button. The default is "Show actions".
lightning:formattedAddress
A hidden span tag for assistive text (Show in Google Maps) has been added on the map link for screen readers.
lightning:input
These accessibility behaviors are new.
  • datetime—When a validation error is returned on the field set, the component now also specifies aria-describedby on the time field to associate it with the error message.
  • time—The component now specifies aria-autocomplete="none".
  • time—The component now specifies aria-autocomplete="none".
To accommodate high magnification when zoom is at 400% or greater, the date picker defaults to vertical scrolling and suppresses horizontal scrolling.
The error messages for the date and time fields now suggest a clear example time format, such as 11:30 AM, instead of displaying abstract CLDR pattern strings, such as h:mm a.
lightning:inputAddress
These attributes have changed.
  • addressLabel—The status message uses the address label instead of the mailing address for screen reader announcements.
  • showAddressLookup—A visible label (Search Address) is shown right after the addressLabel value.
lightning:helptext
The button size has been increased to 24 px by 24 px to improve the touch target size.
The button icon now specifies the container variant and has a default size of small with a width of 24 px instead of 16 px.
lightning:inputField
The email field uses the placeholder name@example.com. This change also applies to email fields on a record detail page.
lightning:slider
These attributes are new.
  • unit—Appends a label to the range display to describe the unit, such as:
    • Percentages (%)
    • Currency symbols ($, €, and others)
    • Custom text suffixes (kg, px, and others)
    For example, if you use the % unit, the range label shows 0-100% instead of 0-100. The default is an empty string, which shows the plain min-max range with no unit.
  • unitPosition—Controls where the unit appears relative to the range. Valid values are:
    • prefix—Places the unit before the range and value. Use prefix for currency units. This is the default unit position.
    • suffix—Places the unit after the range and value. Use suffix for percentages.
  • formatNumber—Provides number-to-text conversion for range endpoints and value. Supports custom domain and compact formatting, such as $1.5M or $50M.
  • minimumFractionDigits—Sets a minimum floor for fractional decimal places independent of the step for decimal precision. Setting minimumFractionDigits greater than 0 keeps the min endpoint bare (0) while padding the max endpoint (1500.0). If step has higher precision than minimumFractionDigits, the finer step precision takes priority. For example, if step="0.05" and minimumFractionDigits="1", the range shows 0-1500.00.
Range boundaries are now shown with step precision. For example, if you specify step="0.1", the range display shows 0.0-100.0 instead of 0-100.
lightning:verticalNavigationItemIcon
This attribute is new.
  • iconAssistiveText—The alternative text describing the icon's meaning to assistive technologies, for example, Open link in a new window. Set to an empty string when the icon is decorative or its meaning is conveyed by surrounding content.