What the card shows
The card is a list of fields and one link. What goes in that list, and in what order, was decided once by a project administrator, and the card follows it exactly rather than following Attio's own ordering.
One rule runs through all of it: nothing on the card ever loses characters. Long values are folded and long lists are capped, but the text stays in the page, so find-in-page, copy and a screen reader reach the whole of it either way.
#Reading order
One row per attribute the project chose, in the order it was arranged.
Then, where there is one, a short state note, such as the quiet line that appears when Attio has asked the app to slow down.
Then a hairline rule and "Open in Attio" at the bottom left.
A screen reader announces that last control as "Open", the record's name, "in Attio", so the reader is told which customer they are about to open rather than only which system.
#Labels
A row's label is the attribute's live title in Attio, so renaming an attribute in Attio changes the card without anybody revisiting the project's settings. Labels are set smaller and in the same muted colour Jira uses for its own field labels, with the value beneath or beside them in the ordinary text colour.
An attribute the project is configured to show but Attio no longer returns gets a small warning triangle beside its label, with the tooltip "Attio no longer returns this attribute. Choose a different one in project settings." Only project administrators see that marker, because only they can act on it.
#Empty fields
An attribute with no value still gets a row: its label, with the word "None" beneath it, printed at the same size as a real value and in a lighter colour. The row is not hidden, because a vanished row reads as "this customer has no such field" when the truth is that the field is empty.
#How each kind of Attio value is printed
Attio attribute type | How it appears on the card |
|---|---|
Text | The text as written. A value that is a plain web address becomes a link to itself. |
Number | Formatted for the locale the card is running in, so a European site sees European number formats without anything being configured. |
Currency | The amount, formatted for the reader's locale. A currency code the runtime cannot format is printed as a plain number with the code beside it rather than being dropped. |
Checkbox | "Yes" or "No". A false value is shown rather than treated as empty, because "has not opted in" is a fact the card was asked to show. |
Date | The calendar day the record holds, in a medium style. Attio dates carry no time zone, so a reader west of Greenwich does not see the previous day. |
Timestamp | The date with a short time, both in the reader's locale. |
Rating | Words, for example "4 of 5". There are no star glyphs. |
Status | The option's title. |
Select | The option's title. A multi-select produces several values in the same row. |
Linked record | The record's name, linking into Attio. Where the project chose attributes to show from it, it is drawn as a small card or kept behind a disclosure. |
Person in Attio | "Workspace member", in italics. An entry made by Attio's own automation reads "Attio". |
Location | One line, joining only the parts that are filled in, separated by commas. An address where every part is empty prints nothing rather than a row of punctuation. |
Domain | The domain, linked over https. |
The address. Opens a new mail message. | |
Phone | The number. Starts a call. |
Interaction | The kind of interaction and a relative time, for example "Calendar event, 3 days ago". Hovering it shows the exact date and time. |
Name | The full name. |
If Attio introduces an attribute type this release does not know, the row still appears with its label and prints nothing under it. Raw data is never printed onto a ticket.
An owner is shown as "Workspace member", not as a person An attribute that points at somebody in your Attio workspace, such as an owner or a creator, prints "Workspace member" in italics rather than that person's name. Resolving the name would cost an extra call to Attio on every card. Hovering the italic value shows a raw internal identifier, not an explanation.
#Rows that hold more than one value
The row holds | What the card does |
|---|---|
Several values, every one of them 16 characters or shorter | They are drawn as small bordered lozenges that wrap onto further lines, at exactly the same text size as any other value. |
Several values, any of them longer | They are drawn as a vertical list of full-width lines, because four long company names are not lozenge-shaped at any card width. |
More than eight values | The first eight, then a control reading "Show all" with the total and the field name, for example "Show all 12 Licences". The expanded row offers "Show fewer". |
One long value | It is folded to four visible lines with "Show more" under it, and "Show less" once expanded. |
Several linked records | Always a vertical list, never lozenges, with more space between items so two boxes do not read as one. |
The fold on a long value is visual only: the characters are never removed from the page. The threshold is worked out from how wide the card actually is, and is never below 80 characters, so a value has to be genuinely long for the card it is in before it earns a "Show more". The eight-value cap, by contrast, is the same number at every width.
The expand controls name their field for a screen reader, as "Show more of Notes", "Show less of Notes", "Show all 12 Licences" and "Show fewer Licences", so a reader meeting the fifth one on a card knows which row they are on.
#Links
Nothing on the card is an ordinary web link. Every link is a button that hands the address to Jira to open, because the card runs in a sandboxed frame where a plain link would look clickable and silently do nothing. Jira may ask a reader to confirm before taking them to an external site.
Linked values announce where they go: an email value as "Send email to" plus the address, a phone value as "Call" plus the number, a link into Attio as "Open" plus the value "in Attio", and anything else as "Open" plus the value "in a new tab".
#A few things worth knowing
A blank under a label is not an empty field. An empty field says "None". A label with nothing under it means the attribute is a type this release does not know how to print.
An address value carries a tooltip repeating the one line address already printed above it. Nothing on the card is shortened any more, so that tooltip has nothing left to reveal.
Hovering an italic placeholder gives you a raw internal identifier rather than an explanation. That happens for a linked record the card could not resolve and for any attribute pointing at somebody in your Attio workspace.
#Related
Rows, then a rule, then the way out.
