♿ [#5047] Show "not filled in" when a field is empty in the submissio…

…n report pdf

To indicate when a field has been left empty by the user, show "No information provided" in the place where the filled in information would have been.
This also helps screen reader users identify which fields aren't filled in.

src/openforms/formio/formatters/base.py

@@ -70,9 +70,14 @@ def __call__(self, component: ComponentT, value: Any) -> str:
         # note all this depends on value not being unexpected type or shape
         values = self.normalise_value_to_list(component, value)
 
-        formatted_values = (
+        formatted_values = list(
             force_str(self.format(component, value)) for value in values
         )
+
+        # Check if formatted_values isn't empty
+        if len(formatted_values) == 0:
+            return self.process_result(component, "")
+
         # logically we'd want a .filter_formatted_values() step here
         return self.process_result(
             component, self.join_formatted_values(component, formatted_values)

src/openforms/formio/formatters/formio.py

@@ -121,13 +121,17 @@ def format(self, component: SelectBoxesComponent, value: dict[str, bool]) -> str
             # For the html output, wrap the values in li tags and put it inside an ul tag.
             # The selectboxes formatter handles all values at the same time,
             # so handle the full html formatting here.
-            return format_html(
-                "<ul>{values}</ul>",
-                values=format_html_join(
-                    "",
-                    "<li>{}</li>",
-                    ((selected_label,) for selected_label in selected_labels),
-                ),
+            return (
+                format_html(
+                    "<ul>{values}</ul>",
+                    values=format_html_join(
+                        "",
+                        "<li>{}</li>",
+                        ((selected_label,) for selected_label in selected_labels),
+                    ),
+                )
+                if len(selected_labels) > 0
+                else ""
             )
         return self.multiple_separator.join(selected_labels)
 

src/openforms/submissions/templates/report/submission_report.html

@@ -81,7 +81,11 @@ <h2 class="subtitle">{{ submission_step_node.render }}</h2>
                                             </span>
 
                                             <div aria-labelledby="{{ component_node.key }}" class="submission-step-row__value{% if not component_node.display_value %} submission-step-row__value--empty{% endif %}">
-                                                {{ component_node.display_value|default:"" }}
+                                                {% if component_node.display_value %}
+                                                    {{ component_node.display_value }}
+                                                {% else %}
+                                                    {% trans "No information provided" %}
+                                                {% endif %}
                                             </div>
                                         {% endif %}
                                     {% endif %}