RGAA Patches - Search results

This page should only be applied if the script assisted migration asks you to skip manual migration skin.20240718.INTRANETSEARCH.rgaa.searchresults

For accessibility reasons, the elements displayed in a results map (title, summary, function) are no longer truncated in CSS.

Indeed, truncation in CSS is to be avoided as the information visible to the user differs depending on the terminal.
The CSS rules responsible for truncation have therefore been removed:

  • The title of a page will be displayed in its entirety
  • The summary is truncated to 70 characters in XSL
  • An agent's name or function is displayed in its entirety

If this correction is not desired, the deleted styles will have to be added back (assuming an RGAA criterion is not met):

.search-container .item {
      .actu-item-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      p {
        color: $grey500;
        font-family: $font-family-primary-light;
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
        height: 60px;
        margin-bottom: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
}

.annuary-item {
      .name {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      .function {
      display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
}

In any case, check the rendering of your search results to ensure that these modifications do not conflict with your own overloads.

Back to top